@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,150..1000;1,6..12,150..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");*{margin:0;padding:0}.wrapper{max-width:1100px;margin:0 auto}.heading{text-align:center;font-size:3rem;background:linear-gradient(90deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}body{overflow-x:hidden;background:#000;color:#fff;font-family:Hibbo,sans-serif}.navList{display:none}nav{background-color:#060c0d;width:100%;height:70px;justify-content:space-around;align-items:center;margin:0 auto;position:fixed;top:0;z-index:1000}nav,nav ul{display:flex}nav ul li{list-style-type:none;margin:0 23px;font-size:1.3rem}.menuToggle{font-size:30px white}.hidden{display:none}a{text-decoration:none;color:#fff}nav ul li a{transition:all .05s ease-in}nav ul li a:hover{color:#01e66d}nav .logo{font-size:2rem;font-weight:700;cursor:pointer;transition:all .05s ease-in;background:linear-gradient(90deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}nav .logo:hover{border-bottom:2px solid #fff}.heroSection{height:100vh;margin-top:70px;display:flex;justify-content:space-between;align-items:center}.leftSection{width:60%;font-size:1.7rem;display:flex;flex-direction:column;gap:10px}.leftSection p{font-size:1rem;letter-spacing:1px;line-height:25px;font-weight:300}.typing,.typing-effect{font-size:2rem;background:linear-gradient(90deg,#00f260,#0575e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.btnContainer{display:inline-block;height:70px;margin:10px 0}.leftSection .btn{font-size:1rem;height:50px;background:linear-gradient(90deg,#00f260,#0575e6);font-weight:600;padding:.5rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:opacity .2s ease;border:none;margin:5px 10px;transition:background-color .5s ease-in-out}.leftSection .btn:hover{background-color:#000;color:#fff;border:1px solid #fff;opacity:.9;cursor:pointer}.rightSection{width:35%;height:400px;display:flex;justify-content:center;padding:0 10px}.rightSection img{border-radius:50%;border:10px solid #01e66d}.aboutSection div{height:220px;width:90%;margin:25px auto;padding:15px;border:1px solid #fff;display:flex;flex-direction:column;gap:10px;border-radius:10px}.aboutSection div p{font-size:1rem;color:#b4b2b2;line-height:28px}.projectsSection{margin:10rem auto}.projectsSection .container{width:100%;margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;color:#f3f3f3}.projectsSection .card{width:315px;display:flex;flex-direction:column;gap:5px;border-radius:5px;padding:15px;border:1px solid #fff}.projectsSection .card:hover{box-shadow:0 0 20px #80d8c3}.projectsSection .card img{height:250px;width:100%}.card .description{height:auto;display:flex;flex-direction:column;gap:18px;padding:10px}.card .description h2{font-size:1.5rem;line-height:30px;font-weight:700}.card .description p{font-size:14px}.tags{display:inline-block;font-size:12px;background-color:#282828;padding:4px 10px;margin:2px;border-radius:2px}.card button,.skill button{padding:8px 0;min-height:40px;border-radius:8px;border:none;background-color:#0a0a0a;color:#fff;font-weight:700;cursor:pointer;transition:all 1s ease}.card button:hover{background-color:#19181b}.skillSection{margin:10rem auto}.skillSection .container{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;place-items:center}.skill{display:flex;flex-direction:column;justify-content:center;width:340px;height:200px;padding:15px 10px;border:1px solid #fff;gap:25px;transition:all .5s ease;border-radius:10px}.skill:hover{box-shadow:0 0 20px #50dfbe}.skill div{display:flex;align-items:center;gap:10px}.skill p{color:gray;font-weight:700}.skill button{padding:8px 0;height:35px;border-radius:8px;border:none;background-color:#0a0a0a;color:#fff;font-weight:700;cursor:pointer;transition:all 1s ease}.skill button:hover{background-color:#19181b}.contactSection{margin:10rem auto;background-color:#060c0d;padding:20px;border-radius:20px}.form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;margin-top:40px}input{width:90%;border-radius:15px;padding:15px;border:2px solid #fff;background:transparent;margin-bottom:30px;color:#fff}input:hover,textarea:hover{box-shadow:0 0 20px #80d8c3;cursor:default}textarea{border:2px solid #fff;border-radius:15px;width:90%;border-image:20px}.contactSection .btn,textarea{background:transparent;padding:10px;color:#fff}.contactSection .btn{border:2px solid #fff;border-radius:15px;width:97%;font-weight:700;cursor:pointer}.contactSection .btn:hover{box-shadow:0 0 20px #80d8c3}.error{margin:10px auto;color:red;text-align:center}footer{background-color:#060c0d}.footerContainer{height:300px;width:100%;flex-direction:column;align-items:center;justify-content:center}.footerContainer,.footerList{display:flex;gap:30px}.footerList li{list-style-type:none}.footerList li a{transition:all .05s ease-in-out}.footerList li a:hover{color:#00f260}.socialIcons{display:flex;gap:30px;font-size:1.3rem}.socialIcons .icon{background-color:#2c2b2b;padding:10px;font-size:23px;border-radius:50%;cursor:pointer}.socialIcons .icon:hover{box-shadow:0 0 30px #80d8c3}footer p{text-align:center;font-size:1.1rem;color:#b4b2b2}@font-face{font-family:__Heebo_b100d1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/975fcf8cf23b60ff-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:__Heebo_b100d1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/59ebc713498d2e0e-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:__Heebo_b100d1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/489114eba47da7a4-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:__Heebo_b100d1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/44da3d752ead09b7-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:__Heebo_b100d1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5da72c075d9b7c17-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:__Heebo_b100d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/975fcf8cf23b60ff-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:__Heebo_b100d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/59ebc713498d2e0e-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:__Heebo_b100d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/489114eba47da7a4-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:__Heebo_b100d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/44da3d752ead09b7-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:__Heebo_b100d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5da72c075d9b7c17-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:__Heebo_Fallback_b100d1;src:local("Arial");ascent-override:104.90%;descent-override:42.14%;line-gap-override:0.00%;size-adjust:99.89%}.__className_b100d1{font-family:__Heebo_b100d1,__Heebo_Fallback_b100d1;font-style:normal}@media screen and (max-width:1128px){.wrapper{width:90%;margin:10rem auto}.heroSection{width:90%;gap:50px;height:100vh;justify-content:center}.heroSection>div{width:45%}.projectsSection .container{grid-template-columns:1fr 1fr 1fr}.projectsSection .card{width:85%}.projectsSection .card img{width:100%}.aboutSection div{height:auto;width:90%}.skill{width:280px}}@media screen and (min-width:801px) and (max-width:950px){.wrapper{margin:10rem auto}.heroSection{justify-content:center}.heroSection>div{width:55%}.projectsSection .card{width:220px}.skillSection .container{grid-template-columns:repeat(3,1fr)}.skill{width:220px;height:auto}}@media screen and (min-width:769px) and (max-width:800px){.wrapper{width:90%;margin:10rem auto}.heroSection>div{width:60%}.projectsSection .contactSection{width:90%}.projectsSection .card{width:200px}.skillSection .container{grid-template-columns:repeat(3,1fr)}.skill{width:200px;height:auto}}@media screen and (max-width:768px){.wrapper{width:90%;margin:10rem auto}nav ul{display:none}.menuToggle,.navList{display:flex}.navList{height:70vh;flex-direction:column;align-items:center;justify-content:center;gap:30px;font-size:24px}.navList li{list-style-type:none;font-weight:700}.heroSection{flex-direction:row;justify-content:space-between;gap:10px;height:auto;padding:23px 0;height:60vh}.leftSection .btn{margin:5px 9px;padding:6px 10px}.leftSection{width:60%}.rightSection{width:35%;height:auto}.rightSection img{width:300px;height:300px}.aboutSection div{width:90%}.aboutSection div p{text-align:center}.projectsSection .container{grid-template-columns:1fr 1fr;margin-top:50px}.projectsSection .card{width:90%;justify-content:space-between}.projectsSection .card .description{height:200px}.skillSection .container{grid-template-columns:repeat(2,1fr);gap:15px}.skill{width:90%}}@media screen and (min-width:320px) and (max-width:640px){.wrapper{margin:7rem auto}.heroSection{gap:100px;flex-direction:column;align-items:center;height:auto;padding:23px 0}.rightSection img{width:240px;height:240px}.rightSection{height:auto}.leftSection{text-align:center}.leftSection button{margin:0}.heroSection>div{width:90%}.projectsSection .container{grid-template-columns:1fr;width:90%;margin-top:50px;gap:12px}.projectsSection .card{width:100%;height:auto}.projectsSection .card .description{height:auto}.skillSection .container{grid-template-columns:repeat(1,1fr);gap:20px}.skill{width:90%;height:auto;gap:10px}.skill button{padding:10px 40px}.aboutSection div{width:90%}.form{grid-template-columns:repeat(1,1fr)}.contactSection .btn{margin-top:20px}}