@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/f8facca68d062c27-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cef7b1d77d754f57-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/bcc230760beba904-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/bf2a3d1ec1972157-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/75717585c59e5075-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/158a69e2aae09d8b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9c064da0c6a8705d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a5f02fb6311fcdbc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e947190c9bdf6068-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/52c95d4165d01384-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/574f1d56a01c5fcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25f7d470e08d7a87-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd867c03515903ae-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5dfeb3c6bf0f27aa-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5d1189028b68a613-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/61eb19e8a04bc1be-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kanit Fallback;src:local("Arial");ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.00%;size-adjust:101.39%}.__className_d81428{font-family:Kanit,Kanit Fallback;font-style:normal}.__variable_d81428{--font-kanit:"Kanit","Kanit Fallback"}@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;700&display=swap");:root{--primary-color:#2c3450;--secondary-color:#3498db;--accent-color:#e74c3c;--light-color:#ecf0f1;--dark-color:#2c3e50;--text-color:#333;--text-light:#7f8c8d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kanit,sans-serif;line-height:1.6;color:var(--text-color);background-color:#f9f9f9;overflow-x:hidden}a{text-decoration:none;color:var(--primary-color);transition:all .3s ease}a:hover{color:var(--secondary-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;background-color:var(--secondary-color);color:white;border-radius:5px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-family:Kanit,sans-serif}.btn:hover{background-color:var(--primary-color);transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color)}.btn-outline:hover{background-color:var(--secondary-color);color:white}section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px;position:relative}.section-title h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:15px}.section-title:after{content:"";display:block;width:80px;height:4px;background-color:var(--secondary-color);margin:0 auto}header{background-color:white;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;width:100%;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;padding:20px}.logo{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.logo span{color:var(--secondary-color)}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{font-weight:600;position:relative}nav ul li a:after{content:"";position:absolute;width:0;height:2px;background-color:var(--secondary-color);bottom:-5px;left:0;transition:width .3s ease}nav ul li a:hover:after{width:100%}.mobile-menu-btn{display:none;font-size:1.5rem;cursor:pointer}#hero{height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,rgba(44,62,80,.9),rgba(52,152,219,.8)),url(https://chetthadev.com/images/background.png) no-repeat 50%/cover;color:white;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:3.5rem;margin-bottom:20px}.hero-content p{font-size:1.2rem;margin-bottom:30px}.hero-btns .btn{margin:0 10px}#about{background-color:white}.about-content{display:flex;align-items:center;gap:50px}.profile-img{width:300px;height:300px;border-radius:50%;object-fit:cover;border:5px solid var(--secondary-color);box-shadow:0 5px 15px rgba(0,0,0,.1)}.about-text{flex:1 1}.about-text h3{font-size:1.8rem;margin-bottom:20px;color:var(--primary-color)}.about-text p{margin-bottom:15px;color:var(--text-light)}.skills{margin-top:30px}.skills h4{margin-bottom:15px;color:var(--primary-color)}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-item{padding:5px 15px;border-radius:20px;font-size:.9rem}#portfolio,.skill-item{background-color:var(--light-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.portfolio-item{background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s ease}.portfolio-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.portfolio-img{width:100%;height:250px;object-fit:cover}.portfolio-info{padding:20px}.portfolio-info h3{margin-bottom:10px;color:var(--primary-color)}.portfolio-info p{color:var(--text-light);margin-bottom:15px;font-size:.9rem}.portfolio-links{display:flex;gap:10px}#contact{background-color:white}.contact-container{display:flex;gap:50px}.contact-info{flex:1 1}.contact-info h3{font-size:1.8rem;margin-bottom:20px;color:var(--primary-color)}.contact-info p{color:var(--text-light)}.contact-details,.contact-info p{margin-bottom:30px}.contact-detail{display:flex;align-items:center;margin-bottom:15px}.contact-detail i{width:40px;height:40px;background-color:var(--light-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--secondary-color)}.social-links{display:flex;gap:15px}.social-links a{width:40px;height:40px;background-color:var(--light-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-links a:hover{background-color:var(--secondary-color);color:white;transform:translateY(-3px)}.contact-form{flex:1 1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600}.form-control{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-family:inherit;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(52,152,219,.2)}textarea.form-control{min-height:150px;resize:vertical}footer{background-color:var(--primary-color);color:white;text-align:center;padding:20px 0}@media (max-width:992px){.about-content{flex-direction:column;text-align:center}.skills-list{justify-content:center}.contact-container{flex-direction:column}}@media (max-width:768px){.header-container{padding:15px}nav{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:white;transition:all .3s ease;z-index:999}nav.active{left:0}nav ul{flex-direction:column;padding:20px}nav ul li{margin:15px 0}.mobile-menu-btn{display:block;border-radius:5px;padding:5px;font-size:17px;width:41px}.hero-content h1{font-size:2.5rem}.portfolio-grid{grid-template-columns:1fr}}@media (max-width:576px){section{padding:60px 0}.section-title h2{font-size:2rem}.hero-btns .btn{display:block;margin:10px auto;width:80%}}