@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-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:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_4d318d{font-family:Geist,Geist Fallback;font-style:normal}.__variable_4d318d{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-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:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_ea5f4b{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_ea5f4b{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}globals.css *{margin:0;padding:0}@media (max-width:1220px){.btns{flex-direction:column;gap:10px}.btn{width:100%;text-align:center}.secondSection .expcenter{margin-left:150px}}.vertical{flex:1;position:relative;margin-bottom:0}body{background-color:#0b0c10;color:#eef5f7}nav{justify-content:space-around;align-items:center;height:80px;background-color:#1f2833}nav,nav ul{display:flex}nav ul{align-content:center}nav ul li{list-style:none;margin:0 25px}nav ul li a{text-decoration:none;color:#eef5f7}nav ul li a:hover{color:#13828a;font-size:1.02rem}main hr{border:0;background:#35363a;height:10px;margin:60px 84px}.left{font-size:1.5rem}.firstsection{display:flex;justify-content:space-around;align-items:center}.firstsection>div{width:30%}.leftsection{font-size:3rem;margin:70px 0}.rightsection img{width:80%}.purple{justify-content:center;display:flex;white-space:nowrap;color:#66fcf1}#element{color:#138284}.secondSection{flex:1;max-width:80vw;margin-left:40px;height:80VH;padding:20px;font-size:1rem}.secondSection .expcenter{margin-left:150px}.secondSection .box{display:flex;background:#eef5f7;width:81vw;height:2px;margin:56px 0}.secondSection .vertical{background-color:#eef5f7;width:1px;height:93px;margin:0 8vw}.btns{display:flex;justify-content:center;gap:20px;margin-top:220px}.btn,.btns{cursor:pointer}.btn{background-color:#45a29e;border:none;color:#c5c6c7;width:100%;text-align:center;border-radius:5px;padding:10px 20px;font-size:16px;font-weight:700;transition:background-color .3s ease;text-transform:uppercase}.btn:hover{background-color:#66fcf1;color:#0b0c10}.vertical-title1,.vertical-title2{top:75px}.vertical-title1,.vertical-title2,.vertical-title3{left:25px;position:relative;width:150px;font-size:18px}.vertical-title3{top:65px}.vertical-title4{top:75px}.vertical-title4,.vertical-title5{left:25px;position:relative;width:150px;font-size:18px}.vertical-title5{top:87px}.vertical-desc1,.vertical-desc2{top:110px}.vertical-desc1,.vertical-desc2,.vertical-desc3{position:relative;color:#c5c6c7;left:20px;width:200px;font-size:14px}.vertical-desc3{top:90px}.vertical-desc4{top:110px}.vertical-desc4,.vertical-desc5{position:relative;color:#c5c6c7;left:20px;width:200px;font-size:14px}.vertical-desc5{top:120px}.section{background:#35363a;border-radius:8px;padding:20px;margin:65px auto;max-width:80%;box-shadow:0 4px 8px #0000004d}.section h2{color:#13828a;font-size:1.8rem}.section h2,.section p{margin-bottom:10px}.text-gray{margin-left:none;color:#c5c6c7}.experience ul,.skills ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.experience ul li,.skills ul li{background:#13828a;padding:10px 15px;border-radius:4px;font-size:.9rem;color:#fff;transition:background-color .3s}.experience ul li:hover,.skills ul li:hover{background:#66fcf1;color:#0b0c10}.cta{padding:50px;text-align:center;margin-top:20px}.cta a{background:#45a29e;color:#c5c6c7;padding:15px 30px;border-radius:5px;text-decoration:none;font-weight:700;transition:background .3s ease}.cta a:hover{background:#138284;color:#0b0c10}.contact-container{max-width:600px;margin:100px auto 0;padding:20px;background-color:#1f2833;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}h2{text-align:center;margin-bottom:20px;color:#13828a}form{display:flex;flex-direction:column;align-content:center}label{margin-bottom:5px;color:#138284}input,textarea{padding:10px;margin-bottom:20px;border:1px solid #fff;border-radius:4px;background-color:#fff;color:#66fcf1}button{padding:10px 20px;background-color:#13828a;color:#66fcf1;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#138284}.projects-container{max-width:1200px;margin:100 auto;text-align:center;padding:20px;background:linear-gradient(135deg,#131517,#35363a);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff}h2{font-size:2.5rem;color:#66fcf1;margin-bottom:30px;text-transform:uppercase;height:60px}.project{max-width:800px;background-color:hsla(0,0%,100%,.1);border-radius:12px;padding:20px;margin:50px auto 20px;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.project:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,.3)}.project h3{font-size:1.8rem;color:#45a29e;margin-bottom:10px}.project .description{font-size:1rem;color:#e6e6ff;margin-bottom:15px}.project p{margin-top:10px;font-size:1rem;color:#ccc}.project a{color:#66cfff;text-decoration:none;font-weight:700}.project a:hover{text-decoration:underline}.video{position:relative;padding-bottom:30.25%;height:0;overflow:hidden;max-width:60%;margin:0 auto}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.section.contact p{font-size:1.2rem;margin:10px 0}.section.contact a{color:#45a29e;text-decoration:none;font-weight:700;transition:color .3s ease,text-decoration .3s ease}.section.contact a:hover{color:#66fcf1;text-decoration:underline}.secondSection .box .vertical .html{top:1px}@media screen and (max-width:1222px){.box{flex-direction:column}.secondSection{flex:1;margin:auto;height:200vh}.secondSection .vertical{height:unset}.vertical-desc,.vertical-title{left:45px}.secondSection .box{width:50vw}.secondSection .expcenter{margin-left:2px}.firstsection{flex-direction:column-reverse}nav{height:140px;flex-direction:column}.leftsection{width:100%!important;align-items:center;flex-direction:column}.leftsection,.rightsection{display:flex;justify-content:center}.rightsection{width:721px!important}.rightsection img{width:45vw;margin-top:73px}.secondSection{max-width:240px;display:flex;flex-direction:column;align-items:center}.footer{background-color:#1f2833;padding:2rem 0;margin-top:40rem}.footer-container{flex-direction:column;text-align:center}body{min-width:fit-content}.experience ul,.skills ul{flex-direction:column;align-items:flex-start}.contact-container{padding:10px}button,input,textarea{width:96%}.video iframe{width:100%;height:auto}h2{font-size:2rem}.project h3{font-size:1.5rem}.footer-right .social-icons{display:flex;gap:1rem;justify-content:center}footer{padding:2rem 0}}footer{margin-top:156vh;position:relative;background-color:#1f2833;color:#fff;padding:20px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}.footer-center,.footer-left,.footer-right{flex:1 1 100%;justify-items:center}.footer-left h3{font-size:1.5rem;color:#13828a}.footer-left p{font-size:1rem;line-height:1.6}.footer-center span,.footer-left span,.footer-right span{font-size:1.2rem;color:#138284}.footer-center ul,.footer-right ul{justify-items:center;list-style:none;padding:0}.footer-center ul li a,.footer-right ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-center ul li a:hover,.footer-right ul li a:hover{color:#13828a}.footer-right .social-icons{display:flex;gap:1rem}.footer-right .social-icons li{margin:0}.footer-right .social-icons li a{font-size:1rem}.footer-bottom{text-align:center;padding:10px;font-size:.9rem}.footer-bottom p{margin:0}