header{filter:blur(0);background-color:hsl(var(--clr-60),100%);transition:filter 1s ease-in-out;color:hsl(var(--clr-40),11%);min-height:100vh;width:100%;justify-self:center;overflow:hidden}header .hero{position:absolute;right:0;bottom:0;z-index:-2;object-fit:cover}header .body{display:flex;flex-direction:column;padding-inline:clamp(10px,6vw,100px);gap:clamp(10px,6vw,100px);color:hsl(var(--clr-40),12%);position:relative;z-index:1}header .body .achievements{display:flex;flex-direction:column;overflow-x:auto;gap:20px;width:100%;justify-content:end;align-content:end;flex-wrap:wrap;margin-top:12vh;opacity:.7}header .body .achievements .achievement{max-width:140px;opacity:0;transition:opacity .6s}header .body .achievements .achievement.show{opacity:1;transition:opacity .6s}header .body .achievements h2{opacity:0;transition:opacity .6s;font-size:clamp(12px,1.2vw,13px);font-family:heading}header .body .achievements .achievement.show h2{opacity:1;transition:opacity .4s}header .body .achievements .achievement.show h2.two{opacity:1;transition:opacity .6s .2s}header .body .achievements .achievement.show h2.three{opacity:1;transition:opacity .6s .4s}header .body .achievements p{line-height:1.3;opacity:0;transition:opacity .2s}header .body .achievements .achievement.show p{opacity:.8;transition:opacity .6s}header .body .achievements .achievement.show h2.two+p{opacity:.8;transition:opacity .6s .2s}header .body .achievements .achievement.show h2.three+p{opacity:.8;transition:opacity .6s .4s}header .body .achievements span{color:var(--clr-10)}header .body .achievements ::-webkit-scrollbar{display:none}header .body .intro{display:flex;flex-direction:column;height:50vh;width:fit-content;position:relative;margin-top:10vh;z-index:3}header .body .intro h1{display:flex;flex-direction:column;text-align:start;text-transform:uppercase;opacity:0;transition:opacity .6s ease-in-out}header .body .intro h1.show{opacity:1!important}header .body .intro h1>:nth-child(1){display:inline-flex;flex-wrap:wrap}header .body .intro h1>:nth-child(1) .fullstack-wrap{white-space:nowrap;display:inline;position:relative}header .body .intro h1>:nth-child(1) .sta-wrap{display:inline-block;position:relative;width:fit-content;z-index:1}header .body .intro h1>:nth-child(1) .sta-wrap img{position:absolute;top:-112%;right:5%;width:90%;z-index:2;opacity:.9;pointer-events:none}header .body .intro h1>:nth-child(2){display:block}header .body .intro h2{padding-bottom:60px}header .body .intro p{max-width:265px;margin-top:10px;opacity:0;transition:opacity .6s .3s ease-in-out}header .body .intro p.show{opacity:1!important}header .body .intro .input-button{box-shadow:#00000042 0 0 60px;text-transform:uppercase;font-size:1.618rem;font-family:body;padding:10px 20px;border-radius:5px;transition:.1s ease-out;color:hsl(var(--clr-40),11%);margin-top:20px;background-color:hsl(var(--clr-40),11%);width:fit-content;opacity:0;transition:opacity .6s .6s ease-in-out}header .body .intro .input-button.show{opacity:1!important}header .work-p-wrap p{padding:2px 2px 2px 15px;text-align:start;text-transform:uppercase;font-size:2rem;background-color:hsl(var(--clr-40),11%);color:hsl(var(--clr-60),100%);font-weight:100}header .background :first-child{position:absolute;right:-12%;bottom:10%;height:50vh;object-fit:cover;opacity:0;filter:blur(30px)}header .background :first-child.show{opacity:.15;transition:opacity 1s}header .background :last-child{position:absolute;left:-10%;top:20%;filter:blur(30px);opacity:0}header .background :last-child.show{opacity:1;transition:opacity 1.2s}@keyframes scroll{to{transform:translateY(-50%)}}@media screen and (min-width: 550px){.body .achievements{display:grid!important;gap:30px;grid-template-columns:140px 140px 140px;margin-top:18vh!important}header .body .intro{margin-top:20vh}header .body .intro p{max-width:575px}}.logo{display:flex;height:35px;width:fit-content;color:hsl(var(--clr-40),11%);font-weight:100;margin-left:6px;padding-block:8px;align-items:center;gap:6px;line-height:1;opacity:1;transition:opacity 1.4s 2.1s var(--anim-cubic)}.logo svg{height:35px}.logo p{font-weight:900;line-height:1.2}.logo.hide{opacity:0}.about-p{width:100%;padding:clamp(10px,5vw,20px);text-align:start}.side-nav{display:flex;right:0;height:100%;position:fixed;z-index:30;transform:translate(0);width:100vw;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:blur 1s cubic-bezier(.13,.23,.3,.98)}.side-nav-open{transform:translate(100vw);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:transform 0s .6s cubic-bezier(.13,.23,.3,.98),backdrop-filter 0s .6s cubic-bezier(.13,.23,.3,.98)!important}.side-nav-inner{display:flex;padding:20px;background-color:hsl(var(--clr-40),11%);color:hsl(var(--clr-60),100%);right:0;box-shadow:#00000040 0 0 30px 8px;height:100%;position:fixed;z-index:30;font-size:clamp(1rem,2.25vw,1.5rem);font-weight:100;flex-direction:column;gap:6px;transform:translate(150%);transition:transform 1s cubic-bezier(.13,.23,.3,.98);align-items:center;width:clamp(12rem,22vw,15rem)}.side-nav-inner .profile-main-focus{position:relative}.side-nav-inner .profile-main-focus .profile-ul{position:relative;opacity:1!important;transform:translate(-140%)!important;transition:transform .8s cubic-bezier(.13,.23,.3,.98),opacity .8s cubic-bezier(.13,.23,.3,.98)!important}.side-nav-inner .profile-main-focus .profile{border-radius:0;margin-top:10px;width:150%;right:50%}.side-nav-inner .profile-main-focus .expand-collaps-icon{right:4px;bottom:4px;max-width:100%!important}.side-nav-inner .profile-main{position:relative}.side-nav-inner .profile-main .profile-ul{display:flex;flex-direction:column;gap:2px;opacity:0;width:clamp(102px,22vw,150px);font-size:clamp(.9rem,1.9vw,1.2rem);margin-top:10px;transform:translate(0);position:absolute;filter:drop-shadow(0px 0px 2px hsl(var(--clr-60),100%));color:hsl(var(--clr-40),11%);transition:opacity .8s,transform 0s 1s}.side-nav-inner .profile-main .profile-ul .itsdynamic-note{height:auto;width:clamp(50px,8vw,6rem);position:absolute;left:-45%;top:-60%}.side-nav-inner .profile-main .profile-ul li{display:flex;font-weight:900;align-items:center;gap:3px}.side-nav-inner .profile-main .profile-ul li span{font-weight:300}.side-nav-inner .profile-main .expand-collaps-icon{position:absolute;right:3px;bottom:35%;max-width:80%!important;color:hsl(var(--clr-40),11%);border-radius:6px}.side-nav-inner .profile{position:relative;overflow:hidden;border-radius:50%;border:2px solid #ffffff;margin-top:10px;width:100%;right:0;transition:.8s cubic-bezier(.13,.23,.3,.98)}.side-nav-inner .nav-ul{margin-top:10px}.side-nav-inner .menu{width:100%}nav{display:flex;justify-content:space-between;font-weight:600;width:100%;transition:opacity 1s ease-in-out;justify-self:center}.ul-text-icons{display:flex;background-color:hsl(var(--clr-60),100%);padding-inline:20px;border-radius:6px;justify-content:space-between;width:fit-content;box-shadow:#0000 4px 18px}.ul-text{display:none;gap:30px;font-size:clamp(12px,2vw,13px);padding-left:24px;gap:50px;font-weight:900;width:303px;align-items:center;opacity:0}.ul-text li{text-wrap:nowrap;cursor:pointer}.ul-text-icons.initial .ul-text{transition:opacity .6s 1.5s var(--anim-cubic)}.ul-text-icons.min-max .ul-text{transition:opacity .3s var(--anim-cubic)}.ul-text-icons .ul-icons{display:flex;align-items:center;opacity:0;transition:opacity .6s 1.8s var(--anim-cubic)}.ul-text-icons .ul-icons.show{opacity:1!important}.ul-text-icons .ul-icons svg{width:clamp(12px,8vw,40px);height:34px;cursor:pointer;transition:transform .5s ease-out;color:var(--clr-10)}@media screen and (min-width: 800px){.ul-text-icons .ul-text{display:flex}.ul-text-icons{min-width:540px}}@media screen and (min-width: 430px){.ul-text-icons.min-max{transition:box-shadow 1.2s var(--anim-cubic)}.ul-text-icons.initial{transition:box-shadow 1.2s 1.2s var(--anim-cubic)}}.side-nav-inner .nav-ul li{display:flex;align-items:center;text-transform:capitalize;position:relative;z-index:3;gap:8px}.side-nav-inner .nav-ul li span{display:block;opacity:0;height:2px;width:8px;background-color:var(--clr-ff);transition:opacity .8s cubic-bezier(.13,.23,.3,.98)}.side-nav-inner .nav-ul li:hover span{opacity:1}.side-nav-inner .nav-ul{position:relative}.side-nav-inner .nav-ul .wrap{display:flex;justify-content:center;align-items:center;width:120%;position:absolute;height:20px;border:3px solid hsl(var(--clr-40),11%);border-radius:2px;opacity:0;transition:opacity,top .4s ease-out;z-index:2;left:-5px}.side-nav-inner .menu{transform:rotate(0) scale(1);filter:contrast(1);transition:transform .6s ease-in-out,filter .4s ease-in-out}.side-nav-inner .menu:hover{transform:rotate(90deg) scale(1.2);filter:contrast(2);transition:transform .6s ease-in-out,filter .6s ease-in-out}@keyframes blink{0%{opacity:.3}to{opacity:initial}}.current-section-indicator{bottom:32vh;left:3vw;position:fixed;z-index:25;display:flex;gap:8px;flex-direction:column;mix-blend-mode:hard-light;opacity:0;width:3px}.current-section-indicator .current-section{height:26px}.current-section-indicator span{width:100%;height:4px;border-radius:2px;background-color:hsl(var(--clr-40),11%)}.current-section-indicator.show{opacity:.5;transition:.6s 2.4s var(--anim-cubic)}.s1-sec-work{display:flex;flex-direction:column;padding-top:clamp(50px,10vw,130px);position:relative;color:hsl(var(--clr-40),11%);padding-inline:clamp(10px,6vw,100px);gap:clamp(50px,15vw,150px);z-index:1;padding-bottom:150px}.s1-sec-work .two-column{display:flex;flex-direction:column;width:100%;gap:calc(clamp(10px,6vw,100px) - 20px)}.s1-sec-work .two-column .type-lockup{display:flex;flex-direction:column;text-align:justify}.s1-sec-work .two-column .scroll-container{overflow-x:auto;padding-bottom:40px;padding-left:20px;margin-top:clamp(20px,10vw,50px)}.s1-sec-work .two-column .scroll-container::-webkit-scrollbar{height:4px}.s1-sec-work .scroll-contents{display:flex;width:fit-content;gap:clamp(10px,1.5vw,40px)}.s1-sec-work .type-lockup{display:flex;flex-direction:column}.s1-sec-work .type-lockup p{max-width:400px;margin-top:8px}.card-project{display:flex;flex-direction:column;background-color:hsl(var(--clr-60),100%);background-size:cover;border-radius:4px;min-height:130px;box-shadow:#0000001a 0 0 20px;overflow:hidden;transition:.8s ease-in;width:clamp(240px,60vw,300px);color:hsl(var(--clr-40),11%)}.card-project h3{color:hsl(var(--clr-40),11%);font-weight:600;font-family:body;text-transform:capitalize}.card-project .tech-ul{display:flex;gap:6px;color:hsl(var(--clr-40),11%);padding-inline:4px;font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:400;padding-inline:15px;margin-block:10px 30px;opacity:.7}.card-project .s1-div-iconandpwrap{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:6px;margin:15px 15px 0}.card-project .s1-div-iconandpwrap .s1-span-workIndex{margin-top:-4px;font-size:2rem;font-size:clamp(15px,4vw,20px);font-weight:400;font-family:heading;margin-right:7px;text-align:center;border-radius:4px}.card-project .s1-div-iconandpwrap p{margin-top:unset;font-size:1rem;font-weight:900;filter:none;color:hsl(var(--clr-40),11%)}.card-project .s1-p-hidden{position:fixed;opacity:0;display:none;transition:position .6s ease-out}.s1-img-workimg::-webkit-scrollbar{display:none;width:12px}.s1-img-workimg::-webkit-scrollbar-thumb{border:3px solid var(--clr-60);border-radius:20px}.s1-div-imgwrap{display:flex;flex-direction:column;width:100%;height:clamp(250px,35vh,400px);gap:4px;margin-top:10px;position:relative;align-items:center;transition:height 1s cubic-bezier(.13,.23,.3,.98)}.s1-div-imgwrap .s1-ul-pcormob{display:flex;padding:5px 5px 5px 0;position:absolute;top:-24px;right:0;border-radius:3px;z-index:2;align-items:center;opacity:.6;transition:opacity .4s ease-in}.s1-div-imgwrap .s1-ul-pcormob .wrap{position:absolute;border-bottom:2px solid hsl(var(--clr-40),11%);opacity:.7;width:40px;min-height:20px;margin-top:2px;border-radius:1px;top:3px;transition:transform .6s ease;z-index:-1}.s1-div-imgwrap ul{position:relative;padding:4px;color:hsl(var(--clr-40),11%);display:flex;max-width:fit-content;gap:10px;align-items:center;font-size:clamp(8px,1.3vw,1rem);font-weight:600;z-index:25;transition:opacity .4 ease-in}.s1-div-imgwrap ul .a-repo{background-color:var(--clr-ff);padding:4px;padding-inline:7px;border-radius:2px;color:#00e}.s1-div-imgwrap ul .a-repo-disabled{background-color:var(--clr-ff);padding:4px;padding-inline:7px;border-radius:2px;color:#ee000c}.s1-div-imgwrap .s1-img-workimg{width:100%;justify-content:center;overflow-y:auto;scroll-behavior:smooth;align-items:center;margin-top:10px;max-height:clamp(250px,35vh,400px);transition:width .8s}.s1-div-imgwrap img{width:100%;transition:opacity .6s ease-in}.s1-div-imgwrap .img-inactive{opacity:0;height:0}.s1-div-imgwrap .img-active{opacity:1;height:initial}.s1-div-imgwrap .scroll-buttons{display:flex;position:absolute;align-items:center;bottom:10%;right:3%;height:35px;gap:6px;width:fit-content;background-color:var(--clr-60);box-shadow:#0000001a 0 0 20px;opacity:.8;padding:5px;border-radius:2px;color:hsl(var(--clr-40),11%)}.s1-div-imgwrap .scroll-buttons svg{height:100%;color:inherit;transition:transform .3s}.s1-div-imgwrap .scroll-buttons svg:hover{transform:scale(1.1)}.s1-div-imgwrap .scroll-buttons.top>:first-child{opacity:0;pointer-events:none;transition:opacity .6s!important}.s1-div-imgwrap .scroll-buttons.bottom>:last-child{opacity:0;pointer-events:none;transition:opacity .6s!important}.hovered-work{display:flex;position:absolute;background-color:var(--clr-60);min-height:400px;max-width:80%}.mobile{height:0;transition:1s ease-in}nav{padding:clamp(10px,3vw,40px) clamp(10px,3vw,40px);width:100%;position:fixed;z-index:25}nav div{width:100%;display:flex;justify-content:space-between;align-items:center}nav div ul{display:flex;font-size:clamp(12px,2.8vw,14px);gap:14px;font-weight:400;text-transform:capitalize;transition:transform 2s ease-in}@media screen and (max-width: 600px){nav div ul span{display:none!important}}nav div li span{cursor:pointer;opacity:.7}.pc,.mobile{width:100%}.mobi-pc-switch{display:none;position:relative;padding:6px;gap:6px;height:fit-content;transform:scale(.7) translate(-20%,10px)}.mobi-pc-switch p{position:relative;padding:2px;font-size:1.5rem;z-index:5;filter:none;color:hsl(var(--clr-40),11%)}.mobi-pc-switch :last-child{height:fit-content;position:relative;display:flex;left:28px}.mobi-pc-switch .wrap p{position:relative;top:-3px}.s2-sec-about{margin-top:clamp(50px,10vw,75px);padding-inline:clamp(10px,6vw,100px);display:flex;flex-direction:column;background-color:hsl(var(--clr-60),100%);justify-self:center}.s2-sec-about .about-me{margin-top:clamp(50px,10vw,75px);display:flex;flex-direction:column;border-radius:25px;overflow:hidden;gap:15px;color:hsl(var(--clr-40),11%)}.s2-sec-about .about .head,.s2-sec-about .achievements .head,.s2-sec-about .education .head,.s2-sec-about .experience .head,.s2-sec-about .competencies .head,.s2-sec-about .stack .head{display:flex;gap:15px;align-items:center;color:hsl(var(--clr-40),11%);flex-direction:row-reverse;justify-content:flex-end}.s2-sec-about .competencies .head,.s2-sec-about .stack .head{flex-direction:row;justify-content:unset;gap:20px}.s2-sec-about .experience .head svg,.s2-sec-about .education .head svg,.s2-sec-about .about .head svg,.s2-sec-about .achievements .head svg{width:50px}.s2-sec-about .top{display:flex;gap:15px;flex-direction:column}.s2-sec-about .top .achievements,.s2-sec-about .top .about{display:flex;flex-direction:column;gap:10px;width:100%;color:inherit;background-color:hsl(var(--clr-60),90%);padding:25px}@media screen and (min-width: 900px){.s2-sec-about .top{flex-direction:row}.s2-sec-about .top .about{width:60%}.s2-sec-about .top .achievements{margin-top:unset;width:40%}}.s2-sec-about .achievements .count p span{color:var(--clr-10);font-size:1.6rem;font-weight:900;margin-right:10px}.s2-sec-about .bottom{display:flex;gap:15px;flex-direction:column}@media screen and (min-width: 1050px){.s2-sec-about .bottom{flex-direction:row}.s2-sec-about .bottom .experience,.s2-sec-about .bottom .education{width:60%}}.s2-sec-about .bottom .experience{display:flex;flex-direction:column;width:100%;background-color:hsl(var(--clr-60),90%);padding:25px}.s2-sec-about .bottom .texts{display:flex;flex-direction:column;margin-top:14px;gap:6px}.s2-sec-about .bottom .texts-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.s2-sec-about .texts-wrap .titles :first-child{font-weight:900}.s2-sec-about .education .texts-wrap>p{color:var(--clr-10);font-weight:900;opacity:unset}.s2-sec-about .bottom .education{display:flex;flex-direction:column;width:100%;background-color:hsl(var(--clr-60),90%);padding:25px}.s2-sec-about .competencies{margin-top:50px;margin-bottom:50px;padding-inline:50px;width:100%}.s2-sec-about .competencies .skills-and-steck{display:flex;gap:25px;margin-top:25px;flex-direction:column}.s2-sec-about .competencies .skills-and-steck>:first-child{display:flex;flex-direction:column;width:100%}.s2-sec-about .competencies .skills-and-steck>:first-child p{margin-top:12px}.s2-sec-about .competencies .skills-and-steck>:last-child{width:100%}.s2-sec-about .competencies .skills-and-steck>:last-child .stack{margin-top:12px;color:var(--clr-10)}.s2-sec-about .competencies .skills-and-steck .stack{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}@media screen and (min-width: 700px){.s2-sec-about .competencies .skills-and-steck>:first-child{width:70%}.s2-sec-about .competencies .skills-and-steck>:last-child{width:30%}.s2-sec-about .competencies .skills-and-steck{flex-direction:row}}.s3-sec-cv{display:flex;flex-direction:column;background-color:hsl(var(--clr-60),100%);width:100%;position:relative;z-index:1;padding-inline:clamp(10px,6vw,100px);margin-top:clamp(50px,10vw,75px);justify-self:center}.s3-sec-cv .head{display:flex;flex-direction:column}.s3-sec-cv .head p{padding-top:8px;max-width:400px}.s3-sec-cv .s3-div-cvBtns{display:flex;gap:10px;width:200px;justify-content:center}.s3-sec-cv .s3-div-cvBtns a{height:fit-content}.s3-sec-cv .s3-div-cvBtns p{border-radius:2px;height:fit-content;padding:3px;font-size:1.2rem;font-weight:500;text-align:center;color:hsl(var(--clr-40),11%)}.s3-sec-cv .s3-div-cv{width:100%;display:flex;flex-flow:row wrap;gap:10px;margin-top:150px;justify-content:center}.s3-sec-cv .s3-div-cv img{pointer-events:none;width:clamp(200px,80vw,500px);box-shadow:#0003 0 0 10px}.s3-sec-cv .s3-div-cv .s3-div-cvBtns>*{cursor:pointer}footer{display:flex;background-color:hsl(var(--clr-40),11%);color:hsl(var(--clr-60),100%);position:relative;z-index:3;gap:10px;justify-content:center;gap:50px;width:100%;min-height:200px;margin-top:clamp(50px,15vw,150px);padding-block:clamp(50px,10vw,75px);flex-direction:column;padding-inline:clamp(10px,5vw,20px);text-align:start}footer .logo{display:flex;width:fit-content;flex-direction:column;font-family:heading;margin-left:unset;align-items:start;line-height:1}footer .logo :first-child{font-size:clamp(12px,5vw,14.8px);color:var(--clr-10)}footer .logo :last-child{font-size:clamp(8px,1vw,10px);color:hsl(var(--clr-60),100%)}footer .icons{display:flex;padding-block:3px;gap:16px}footer .icons svg{height:20px;color:var(--clr-10)}footer .wrap-m-row{padding-left:4vw;display:flex;width:100%;max-width:calc(70 / 100 * 1280px);flex:3;gap:20px;justify-content:center;flex-direction:column;align-items:flex-start}footer .wrap-m-row :nth-child(2){flex-direction:row}footer .wrap-m-row .wrap{display:flex;flex-direction:column;width:100%}footer .wrap-m-row .wrap-i,footer .quicklinks a{margin-top:2px;padding-left:5px}footer .wrap-m-row .wrap h3{font-weight:300;font-size:1.4rem;color:inherit}footer .wrap-m-row .wrap p{text-transform:capitalize}footer .footer-signature{flex:1;display:flex;flex-direction:column;margin-top:50px;padding-bottom:40px;padding-left:20px;align-items:flex-end}footer .footer-signature p{text-transform:capitalize;font-size:1rem;filter:saturate(1);font-weight:300}footer .footer-signature p span{font-weight:900;filter:saturate(2)}*{padding:0;margin:0;box-sizing:border-box;outline:none;border:none}ul{list-style-type:none;list-style:none}li,li:hover,li:active{list-style-type:none;list-style:none;outline:none}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@media screen and (max-width: 280px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3,footer .wrap h3{font-size:1rem}p,.work-p-wrap p,input,.intro .input-button,.s1-div-main-work.work-p-wrap p{font-size:.8rem}.side-nav{font-size:1rem}}@media screen and (min-width: 281px) and (max-width: 599px){h1{font-size:clamp(20px,12vw,40px)}h2{font-size:initial}h3,footer .wrap h3{font-size:initial}p,.work-p-wrap p,input,.intro input,.s1-div-main-work.work-p-wrap p,.side-nav{font-size:initial}.about-p{max-width:clamp(300px,10vw,400px)}p{font-size:clamp(12px,3.5vw,16px)}.about-p .wrap{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width: 600px){.s2-sec-about>.head p{max-width:400px}.s2-sec-about .wrap,.s1-div-main-work,footer{flex-wrap:wrap;flex-direction:row}.about-p{max-width:300px}.s1-div-main-work.intro{width:fit-content;flex:3}h1{font-size:clamp(10px,9vw,90px)}.about-p .wrap{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width: 1200px){.s1-sec-work .two-column{flex-direction:row;width:100%;gap:clamp(10px,6vw,50px)}.s1-sec-work .two-column .type-lockup{width:20%}.s1-sec-work .two-column .scroll-container{width:80%;margin-top:unset;padding-top:42px}}@font-face{font-family:heading;src:url(/assets/MODERNIZOptimized-DvajLxsz.woff2) format("woff2");font-display:swap}@font-face{font-family:body;src:url(/assets/HelveticaOptimized-2YXG5kP4.woff2) format("woff2");font-display:swap}:root{--clr-60: 0, 0%;--clr-50: #322e618c;--clr-40: 18, 0%;--clr-10: hsl(19, 66%, 67%);--clr-10-2: #ffebb3;--clr-ff: #ffffff;--clr-text-muted: hsl(180, 100%, 27%);--anim-cubic: cubic-bezier(.13, .23, .3, .98);--unit: 1.618}html{scroll-behavior:smooth;font-size:62.25%}body{position:relative;font-size:1.618rem;font-family:body;background-color:hsl(hsl(var(--clr-60),100%),100%);color:hsl(var(--clr-40),11%)}h1{font-family:heading;font-size:clamp(24px,5vw,40px);font-weight:500;line-height:1.2}h2{font-weight:600;font-family:heading;font-size:clamp(15px,2.5vw,19px);text-transform:capitalize}h3{font-family:heading;font-size:clamp(12px,2.5vw,10px);font-weight:500;text-transform:capitalize}p{font-size:clamp(12px,2vw,13px);font-weight:500;opacity:.8;filter:unset}a{text-decoration:none}input,.input-button input{text-transform:capitalize;font-size:1.618rem;font-family:body;transition:filter .4s}input:hover,.input-button:hover{filter:contrast(1.6)}.i{height:32px;transition:opacity .6s ease-out}.desc{text-align:center;max-width:250px;font-weight:500;max-width:400px;padding:4px 9px;font-size:1.3rem}.linkedin-link{position:absolute;right:clamp(10px,3vw,40px);top:calc(100vh - clamp(10px,3vw,40px));filter:contrast(.5);opacity:0;transition:opacity .2s}.linkedin-link.show{opacity:1}::-webkit-scrollbar{width:10px;background-color:hsl(var(--clr-60),100%)}::-webkit-scrollbar-thumb{background-color:hsl(var(--clr-40),11%);border:.2px solid hsl(var(--clr-60),100%);border-radius:4px}