*,*:after,*:before{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;font-size:1.6rem}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:#c4c4c4;font-size:clamp(1.5rem,1vw + 1rem,1.8rem)}body{font-family:Satoshi,sans-serif;background:hsl(240,24%,8%);color:#fff;line-height:1.5;overflow-x:hidden}h1{font-weight:700;line-height:1;font-size:clamp(2.9rem,10vw + 1rem,9rem)}h2{font-weight:500;font-size:clamp(2.95rem,3vw + 1.25rem,3.6rem)}h3{font-size:clamp(1.8rem,2vw + 1.25rem,2.4rem);opacity:.8;font-weight:400}h1,h2,h3{font-family:General Sans,sans-serif}p{color:#c4c4c4;font-size:clamp(1.8rem,1.21vw + 1.25rem,2rem)}*{scrollbar-width:thin;scrollbar-color:#8b999f #dfe9eb}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{border-radius:5px;background-color:#dfe9eb}*::-webkit-scrollbar-track:hover{background-color:#b8c0c2}*::-webkit-scrollbar-track:active{background-color:#b8c0c2}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#8b999f}*::-webkit-scrollbar-thumb:hover{background-color:#7f8b92}*::-webkit-scrollbar-thumb:active{background-color:#525a5e}.header{position:fixed;top:4rem;right:0;left:0;width:80%;border-radius:10px;background:rgba(42,43,56,.1);backdrop-filter:blur(104px);padding:1rem 0 1rem 2rem;margin-inline:auto;z-index:2}@media only screen and (min-width: 48em){.header{padding:2.5rem 3rem}}.nav{display:flex;justify-content:space-between;align-items:center}.nav__list{display:flex;align-items:center;justify-content:center;gap:1rem}@media only screen and (max-width: 48em){.nav__list{display:none}}.nav-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;position:fixed;left:0;top:0;width:100%;height:100%;transform:translate(-100%);transition:transform .45s ease;transition-delay:.15s;background:hsl(240,24%,8%);z-index:1}.nav-menu__list{margin-top:25rem;display:flex;flex-direction:column;gap:2rem;transform-style:preserve-3d;transform:translateY(-50%);opacity:0;transition:opacity .3s ease,transform .4s cubic-bezier(.694,.048,.335,1);z-index:3}.nav-menu__link{font-size:2.5rem;transition:all .2s ease-in;color:#c4c4c4}.nav-menu__social{position:absolute;bottom:3rem;transform:translateY(15px);opacity:0;display:flex;gap:1rem;transition:opacity .3s ease,transform .4s cubic-bezier(.694,.048,.335,1);transition-delay:0s;z-index:26}.nav-menu__social-link{color:#c4c4c4;font-weight:500;font-size:2.2rem;margin-right:1rem;transition:all .2s ease-in}.show-menu{transition-delay:.1s;transition-delay:.15s;transform:translate(0)}.show-menu .nav-menu__list{opacity:1;transition-delay:.4s;transform:translateY(-60%)}.show-menu .nav-menu__social{opacity:1;transition-delay:.45s;-webkit-transform:translateY(0);transform:translateY(0)}.hero{display:flex}.hero__content{display:flex;flex-direction:column;gap:3rem;margin-top:25rem;margin-bottom:19rem}@media only screen and (min-width: 48em){.hero__content{margin-top:20rem;margin-bottom:13rem}}.hero__sub{font-size:clamp(1.7rem,2vw + 1rem,2.2rem);font-weight:500}.about{display:flex;flex-direction:column;gap:1rem;margin-bottom:5rem}.about__skill-title{margin:2rem 0;font-size:clamp(1.8rem,1.21vw + 1.25rem,2rem);font-weight:600;font-family:General Sans,sans-serif}.about__heading{font-size:clamp(2.95rem,3vw + 1.25rem,3.6rem)}.contact{display:flex;position:relative;flex-direction:column;gap:5rem}.contact__wrapper{display:flex;align-items:center;justify-content:center;gap:4rem}@media only screen and (max-width: 48em){.contact__wrapper{flex-direction:column}}.contact__info{display:flex;flex-direction:column;gap:2rem;width:40%}@media only screen and (max-width: 48em){.contact__info{width:80%}}.contact__email-id{color:#f0f0f09d}.contact-link{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.contact-link a{display:flex;align-items:center;gap:.5rem;background-color:#22243033;padding:.5rem .7rem;border-radius:5px;white-space:nowrap}.form{margin-top:5rem;border:1px solid hsl(231,18%,15%);position:relative;border-radius:10px;padding:5rem 0;padding-inline:clamp(3.2rem,5vw + 1rem,4.8rem);background:linear-gradient(180deg,hsla(231,17%,16%,.3),hsla(240,23%,8%,.3))}.form__group{margin-bottom:3rem}.form__label{font-weight:500;display:inline-block;margin-bottom:1rem;font-family:General Sans,sans-serif}.form__input{display:block;background-color:transparent;padding:1.2rem 2.2rem;font-size:1.6rem;font-family:Satoshi,sans-serif;border-radius:5px;border:none;background:rgba(0,0,0,.1);color:#c4c4c4;outline:none}footer{display:flex;align-items:center;justify-content:center;padding:15rem 0 5rem}footer p{color:#5e5e5e;font-size:clamp(1.8rem,1.21vw + 1.25rem,2rem)}.project{margin-bottom:5rem}.project__wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6rem;margin-top:5rem;padding-inline:1rem}.project__content{display:flex;flex-direction:column;gap:2rem;width:90%;background:linear-gradient(180deg,hsla(231,17%,16%,.5),hsla(240,23%,8%,.5));padding:2rem;border-radius:5px;box-shadow:#00000012 0 1px 2px,#00000012 0 2px 4px,#00000012 0 4px 8px,#00000012 0 8px 16px,#00000012 0 16px 32px,#00000012 0 32px 64px}@media only screen and (min-width: 36em){.project__content{width:68%}}@media only screen and (min-width: 48em){.project__content{width:55%}}@media only screen and (min-width: 62em){.project__content{flex-direction:row;width:75%}}.project__img{border-radius:10px;object-fit:cover}@media only screen and (min-width: 62em){.project__img{width:380px}}.project__title{font-weight:600}.project__info{display:flex;gap:1.3rem;flex-direction:column}.project__description{color:#c4c4c4}.project__list{display:flex;gap:4rem}.project__list a{display:flex;align-items:center;gap:.5rem}.project__tech{display:flex;align-items:center;gap:1.3rem}.project__tech p{font-size:1.4rem;background-color:#22243080;padding:.3rem .6rem;border-radius:5px;color:#c4c4c4;white-space:nowrap}.load-more{background-color:#22243080;color:#c4c4c4;border:none;outline:none;padding:.8rem 1.3rem;font-size:1.6rem;font-family:Satoshi,sans-serif;border-radius:10px;cursor:pointer}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;height:100vh}.error-page p{max-width:90%;color:gray}@media only screen and (min-width: 62em){.error-page p{max-width:70%}}.error-page img{width:20rem}@media only screen and (min-width: 36em){.error-page img{width:40rem}}.text-gradient{background:linear-gradient(90deg,hsl(210,100%,65%) 2.34%,hsl(270,90%,71%) 100.78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-light{background:linear-gradient(90deg,hsl(210,100%,79%) 2.34%,hsl(270,90%,77%) 100.78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(2.95rem,3vw + 1.25rem,3.6rem)}.btn{background:transparent;border:none;color:#fff;font-family:Satoshi,sans-serif;text-align:left;background-color:#4da6ff75;width:fit-content;border-radius:5px;padding:.6rem;cursor:pointer;font-size:1.7rem}.section{padding-left:clamp(1.1rem,.78rem + 7.74vw,12rem);padding-right:.7rem}.section h2{font-weight:600}.w{width:100%}@media only screen and (min-width: 36em){.w{width:90%}}@media only screen and (min-width: 48em){.w{width:80%}}.text-warning{background:linear-gradient(to right,#ff7070,#ffa6a6);-webkit-background-clip:text;background-clip:text;font-family:General Sans,sans-serif;-webkit-text-fill-color:transparent}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:hsl(240,24%,8%);transition:all 1s ease-in;z-index:100000;opacity:1}.loader__content{position:absolute;top:50%;left:50%;translate:-50% -50%;width:300px;height:90px;opacity:1;transition:all .3s ease}@media screen and (max-width: 280px){.loader__content{width:230px}}.loader-hide{width:0}.loader-hide .loader__content{opacity:0;visibility:hidden}@keyframes slide{0%{left:0;width:0}50%{left:0;width:100%}to{left:0;width:0}}@keyframes stripe{0%{left:0;width:0}25%{left:0;width:100%}50%{left:100%;width:0px}75%{left:0;width:100%}to{left:0;width:0px}}.stripe{width:0;height:30px;background-color:#fff;position:relative}.stripe:first-child{animation:stripe 1.5s cubic-bezier(.694,.048,.335,1) infinite}.stripe:nth-child(2){animation:stripe 1.5s cubic-bezier(.694,.048,.335,1) .1s infinite}.stripe:nth-child(3){animation:stripe 1.5s cubic-bezier(.694,.048,.335,1) .2s infinite}#hamburger{background-color:transparent;border:none;cursor:pointer;padding:0}@media only screen and (min-width: 48em){#hamburger{display:none}}#hamburger .line{fill:none;stroke:#c4c4c4;stroke-width:6;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}#hamburger .line1{stroke-dasharray:60 207;stroke-width:4}#hamburger .line2{stroke-dasharray:60 60;stroke-width:4}#hamburger .line3{stroke-dasharray:60 207;stroke-width:4}#hamburger.open .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:4}#hamburger.open .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:4}#hamburger.open .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:4}.tech-stacks{display:flex;gap:1.5rem;flex-wrap:wrap}.tech-stacks__item{width:50px;height:50px;border-radius:50%;padding:1rem;cursor:pointer;opacity:.7}.tech-stacks__item img{width:100%;height:100%}.html5{background-color:#e34f264d}.css3{background-color:#1b73ba4d}.scss{background-color:#cf649a4d}.tailwindcss{background-color:#06b6d44d}.javascript{background-color:#f0db4f4d}.reactjs{background-color:#61dafb4d}.react-query{background-color:#ff41544d}.material-ui{background:rgba(0,176,255,.3)}.chakra-ui{background:rgba(49,151,149,.3)}.rapid-api{background-color:#1d43714d}.git{background-color:#de4c364d}.contact-btn{font-family:inherit;font-size:16px;background-color:transparent;color:#fff;padding:.5em .8em .5em .9em;border:1px solid hsl(231,18%,15%);border-radius:5px;overflow:hidden;transition:all .2s;display:flex;gap:1rem;align-items:center;cursor:pointer}.contact-btn img{width:20px;height:20px;margin-top:5px;display:block;transform-origin:center center;transition:transform .3s ease-in-out}.contact-btn:hover .svg-wrapper{animation:fly-1 .6s ease-in-out infinite alternate}.contact-btn:hover img{transform:translate(.3em) rotate(10deg) scale(1.1)}.contact-btn:active{transform:scale(.95)}@keyframes fly-1{0%{transform:translateY(.1em)}to{transform:translateY(-.1em)}}