*{margin:0;padding:0;box-sizing:border-box;font-size:16px}body.light-theme{--icon-toggle-bg: #161616;--icon-toggle: #fcfcfc;--background: #fff;--fill: #333}body.dark-theme{--icon-toggle-bg: #fff;--icon-toggle: #161616;--background: #333;--fill: #f0f0f0}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-50px;left:0;background:#000;color:#fff;padding:8px;z-index:100;transition:top .3s}.skip-link:focus{top:0}body{font-family:Hind Siliguri,sans-serif;font-size:16px;line-height:1.6;background-color:var(--background);color:var(--fill);transition:.2s ease-in-out}header{padding-bottom:1em}.logo-container{display:flex;justify-content:center;padding:1em 0}.logo{width:70px;height:70px}.hamburger-button{background:0;border:0;transition:transform .4s;display:flex}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:var(--fill);stroke-width:5.5;stroke-linecap:round}.hamburger-icon .top{stroke-dasharray:40 172}.hamburger-icon .middle{stroke-dasharray:40 111}.hamburger-icon .bottom{stroke-dasharray:40 172}.hamburger-icon.active-icon .top{stroke-dashoffset:-132px}.hamburger-icon.active-icon .middle{stroke-dashoffset:-71px}.hamburger-icon.active-icon .bottom{stroke-dashoffset:-132px}.hamburger-icon{color:var(--icon-toggle);cursor:pointer;border:0}.nav-items>li{width:100%;display:flex;justify-content:center}.nav-links{display:none;flex-direction:column;width:100%;text-align:center;gap:2em}.nav-links.active-menu{display:flex;width:100%;background-color:var(--background);border-radius:5px;padding:1em}.nav-links a{color:var(--fill);width:100%}.nav-links .social-links{margin-top:1em;flex-direction:column;justify-content:center;align-items:center;gap:4em}nav ul{display:flex;justify-content:space-around;list-style:none}nav a{color:#303030;text-decoration:none;letter-spacing:2px;font-size:1.3rem}.social-links{display:flex;gap:1rem}.social-links ul{list-style:none}.social-links img{height:25px;width:25px}.circle-glitch,.square-glitch{position:relative}.circle-glitch:hover,.square-glitch:hover{animation:glitch-skew2 1s infinite linear alternate-reverse}.circle-glitch a,.square-glitch a{position:relative;z-index:1}.circle-glitch img,.square-glitch img{display:block;width:25px;height:25px}.circle-glitch:before,.circle-glitch:after,.square-glitch:before,.square-glitch:after{content:"";position:absolute;inset:.1em;opacity:0;height:100%;width:100%;z-index:-1}.circle-glitch:before,.circle-glitch:after{border-radius:50%}.square-glitch:before,.square-glitch:after{border-radius:5px}.circle-glitch:before,.square-glitch:before{background-color:#05fcd9cc}.circle-glitch:after,.square-glitch:after{background-color:#fd2054cc}.circle-glitch:hover:before,.circle-glitch:hover:after,.square-glitch:hover:before,.square-glitch:hover:after{opacity:1}.circle-glitch:hover:before,.square-glitch:hover:before{animation:glitch-anim 5s infinite linear alternate-reverse}.circle-glitch:hover:after,.square-glitch:hover:after{animation:glitch-anim2 1s infinite linear alternate-reverse}.switch-theme{cursor:pointer;background:0;border:0;opacity:.8;padding:.2rem;border-radius:50%;position:relative;isolation:isolate}.switch-theme svg{fill:var(--icon-toggle-bg)}.switch-theme:before{content:"";position:absolute;inset:0;background:#80808033;border-radius:inherit;transform:scale(0);opacity:0;z-index:-1}.light-theme #switch-theme:before{animation:pulseToLight .65s ease-out}.dark-theme #switch-theme:before{animation:pulseToDark .65s ease-out}.switch-theme:after{content:attr(aria-label);position:absolute;color:var(--icon-toggle);background:var(--icon-toggle-bg);border-radius:.125em;width:max-content;font-size:.8rem;bottom:-4.5em;left:-2em;margin:0 auto;padding:.5em 1em;opacity:0;transform:scale(0);transform-origin:top;transition:transform 0ms linear .1s,opacity .1s linear;max-width:5em}.switch-theme:hover,.switch-theme:focus{outline:0;opacity:1;background:#80808026}.switch-theme:hover:after,.switch-theme:focus-visible:after{opacity:.7;transform:scale(1);transition:transform 70ms linear,opacity 70ms linear}.toggle-circle{transition:transform .5s ease-out}.light-theme .toggle-circle{transform:translate(-15%)}.toggle-sun{transform-origin:center center;transition:transform .75s cubic-bezier(.11,.14,.29,1.32)}.moon-mask,.sun-core,.sun-rays{transition:.75s ease-out;transform-origin:center center}.dark-theme .moon-mask{r:9;cx:12;cy:4}.light-theme .moon-mask{r:5;transform:rotate(-90deg);cx:20;cy:0}.dark-theme .sun-core{transform:rotate(-40deg)}.dark-theme .sun-rays{transform:rotate(-180deg);opacity:0}.light-theme .toggle-sun,.light-theme .img .toggle-sun{transform:rotate(.5turn)}.light-theme .sun-rays,.light-theme .sun-core{color:var(--sun-clr);fill:var(--sun-clr)}.hero__container{width:100%}.hero__image{width:100%;height:auto;object-fit:cover}.header-image{width:50%;height:auto;margin:.5em}.intro p{margin-left:1em}.toolbox{margin-top:2em}.toolbox__marquee{width:100%;display:flex;overflow:hidden;height:7vh;gap:.1rem;padding-top:2rem;padding-bottom:2rem;transform:skewY(-4deg)}.marquee__group{flex-shrink:0;display:flex;align-items:center;gap:1rem;animation:scroll 30s linear infinite;white-space:nowrap}.toolbox__marquee:hover .marquee__group{animation-play-state:paused;filter:grayscale(100%)}.toolbox__marquee .marquee__group{transition:filter .3s ease}.marquee__group ul{display:flex;list-style:none}.marquee__group li{display:flex;align-items:center;margin:0 1rem}.marquee__group h3{margin-left:.5rem;font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:2px}.marquee__group li img{width:30%}.work{margin-top:2em;position:relative}.slider-container{position:relative;width:100%;height:400px;margin:auto;height:100vh;max-height:400px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:0;border:none;cursor:pointer;z-index:10;transition:transform .5s ease}.nav-arrow:hover{transform:translateY(-50%) scale(1.1)}.nav-arrow.prev{left:0}.nav-arrow.next{right:0}.slider-container .slider{max-width:1300px;margin:auto;width:100%;height:100%;display:flex;justify-content:center}.slide{min-width:10px;width:10px;height:100%;margin:0 5px;border-radius:5px;display:flex;justify-content:space-between;align-items:flex-end;background-size:cover;background-position:center;position:relative}.slide:before{content:"";position:absolute;inset:0;background-color:#000000b3;z-index:0;border-radius:5px;transition:opacity 1s ease}.active{flex-grow:1;transition-duration:1s;opacity:1;padding:0 10px 10px;border-radius:5px}.nonActive{flex-grow:0;transition-duration:1s}.slide__icons{display:flex;flex-direction:column;align-items:flex-end;gap:.3em}.slide__icons img{width:30px;height:30px}.slide__content{position:absolute;top:0;left:0;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10px;border-radius:5px}.slide__links{position:absolute;gap:.3em;display:flex}.slide__link{position:relative;background-color:#fff;width:50px;height:50px;border-radius:5px}.slide__link a>*{transition:transform .1s ease-out}.slide__link:hover a>*{animation:glitch-skew2 1s infinite linear alternate-reverse}.slide__link a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;background-color:#fff;z-index:1;border-radius:5px}.slide__link a:after{content:attr(aria-label);position:absolute;bottom:-4.5em;left:50%;transform:translate(-50%) scale(0);background:var(--icon-toggle-bg);color:var(--icon-toggle);padding:.5em 1em;border-radius:.125em;font-size:.8rem;white-space:nowrap;opacity:0;transition:transform .1s ease-out,opacity .1s ease-out;pointer-events:none}.slide__link a:hover:after,.slide__link a:focus:after{opacity:1;transform:translate(-50%) scale(1)}.slide__link:before,.slide__link:after{content:"";position:absolute;inset:.1em;opacity:0;z-index:0;width:100%;height:100%;border-radius:5px}.slide__link:before{background-color:#05fcd9cc}.slide__link:after{background-color:#fd2054cc}.slide__link:hover:before{opacity:1;animation:glitch-anim 1s infinite linear alternate-reverse}.slide__link:hover:after{opacity:1;animation:glitch-anim2 5s infinite linear alternate-reverse}.slide__link img{width:30px;height:30px}.slide__desc{position:absolute;bottom:.5em;left:0;width:80%;text-align:center;padding:.2em}.slide4__icons{display:flex;flex-direction:column;gap:.3em}.slide4__icons img{width:30px;height:30px}.slide__desc{position:absolute;bottom:.5em;left:0;right:0;width:75%;margin-left:auto;margin-right:auto;text-align:center;padding:.2em}.slide__content h3{color:#fff}.slide__content p{color:#fff;padding:.3em}.slide .slide__content{display:none}.slide.active .slide__content{display:flex}.slide.last-slide .slide__content{flex-direction:row}.email-me{margin-top:2em}.email-me__text{margin-left:1em;display:flex;align-items:center;justify-content:flex-start;position:relative}.email-me-link{letter-spacing:.1em;text-decoration:none;list-style:none;color:inherit}.email-me-link:hover{animation:glitch-skew 1s infinite linear alternate-reverse}.email-me-link:before,.email-me-link:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.email-me-link:before{left:2px;text-shadow:-2px 0 rgba(5,252,217,.8)}.email-me-link:after{left:-2px;text-shadow:-2px 0 rgba(253,32,84,.8),2px 2px rgba(5,252,217,.8)}.email-me-link:hover:before{opacity:1;animation:glitch-anim 5s infinite linear alternate-reverse}.email-me-link:hover:after{opacity:1;animation:glitch-anim2 5s infinite linear alternate-reverse}#copy-email-icon{cursor:pointer;transition:transform .2s ease;margin-left:.5em;width:15px;height:15px}#copy-email-icon:hover{transform:scale(1.1)}#copy-email-icon.copied{animation:pulse .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#toast-container{font-family:Hind Siliguri,sans-serif}.toast{box-shadow:0 2px 10px #0003;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.about__hero-container{display:flex;justify-content:center;padding-bottom:1em}.me-image{width:100%}.about__more-about-me p{margin-left:1.5em;padding-right:1.5em}.about__interests ul{margin-left:1.5em}.about__header-image{margin:1em 0}.about__rec{padding:1.5em}.about__a-glitch{color:var(--fill);text-decoration:none;margin:0 0 1em 1em;position:relative;display:inline-block}.about__cert-1,.about__cert-2{width:100%}.about__img-scrimba,.about__img-google{width:100%;object-fit:contain}@keyframes pulseToLight{0%{transform:scale(0);opacity:.5}10%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes pulseToDark{0%{transform:scale(0);opacity:.5}10%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes glitch-anim{0%{clip:rect(12px,9999px,52px,0);transform:skew(.32deg)}5%{clip:rect(65px,9999px,98px,0);transform:skew(.89deg)}10%{clip:rect(37px,9999px,23px,0);transform:skew(.41deg)}15%{clip:rect(86px,9999px,71px,0);transform:skew(.05deg)}20%{clip:rect(15px,9999px,46px,0);transform:skew(.63deg)}25%{clip:rect(79px,9999px,32px,0);transform:skew(.17deg)}30%{clip:rect(53px,9999px,94px,0);transform:skew(.75deg)}35%{clip:rect(28px,9999px,59px,0);transform:skew(.49deg)}40%{clip:rect(41px,9999px,87px,0);transform:skew(.96deg)}45%{clip:rect(9px,9999px,76px,0);transform:skew(.28deg)}50%{clip:rect(63px,9999px,18px,0);transform:skew(.81deg)}55%{clip:rect(92px,9999px,35px,0);transform:skew(.12deg)}60%{clip:rect(24px,9999px,68px,0);transform:skew(.57deg)}65%{clip:rect(50px,9999px,83px,0);transform:skew(.7deg)}70%{clip:rect(7px,9999px,95px,0);transform:skew(.38deg)}75%{clip:rect(81px,9999px,39px,0);transform:skew(.93deg)}80%{clip:rect(33px,9999px,72px,0);transform:skew(.21deg)}85%{clip:rect(56px,9999px,10px,0);transform:skew(.84deg)}90%{clip:rect(20px,9999px,61px,0);transform:skew(.02deg)}95%{clip:rect(89px,9999px,44px,0);transform:skew(.67deg)}to{clip:rect(3px,9999px,97px,0);transform:skew(.45deg)}}@keyframes glitch-anim2{0%{clip:rect(45px,9999px,78px,0);transform:skew(.59deg)}5%{clip:rect(29px,9999px,91px,0);transform:skew(.14deg)}10%{clip:rect(84px,9999px,16px,0);transform:skew(.73deg)}15%{clip:rect(62px,9999px,39px,0);transform:skew(.36deg)}20%{clip:rect(5px,9999px,82px,0);transform:skew(.9deg)}25%{clip:rect(71px,9999px,27px,0);transform:skew(.08deg)}30%{clip:rect(38px,9999px,93px,0);transform:skew(.55deg)}35%{clip:rect(18px,9999px,67px,0);transform:skew(.31deg)}40%{clip:rect(96px,9999px,11px,0);transform:skew(.79deg)}45%{clip:rect(54px,9999px,85px,0);transform:skew(.23deg)}50%{clip:rect(2px,9999px,73px,0);transform:skew(.64deg)}55%{clip:rect(88px,9999px,30px,0);transform:skew(.42deg)}60%{clip:rect(13px,9999px,69px,0);transform:skew(.97deg)}65%{clip:rect(47px,9999px,22px,0);transform:skew(.19deg)}70%{clip:rect(75px,9999px,50px,0);transform:skew(.86deg)}75%{clip:rect(34px,9999px,98px,0);transform:skew(.03deg)}80%{clip:rect(60px,9999px,7px,0);transform:skew(.7deg)}85%{clip:rect(25px,9999px,80px,0);transform:skew(.48deg)}90%{clip:rect(99px,9999px,42px,0);transform:skew(.11deg)}95%{clip:rect(9px,9999px,57px,0);transform:skew(.94deg)}to{clip:rect(66px,9999px,35px,0);transform:skew(.27deg)}}@keyframes glitch-skew{0%{transform:skew(-3deg)}10%{transform:skew(4deg)}20%{transform:skew(-2deg)}30%{transform:skew(3deg)}40%{transform:skew(-4deg)}50%{transform:skew(2deg)}60%{transform:skew(-3deg)}70%{transform:skew(1deg)}80%{transform:skew(-2deg)}90%{transform:skew(4deg)}to{transform:skew(-1deg)}}@keyframes glitch-skew2{0%{transform:skew(-1deg)}10%{transform:skew(1deg)}20%{transform:skew(-2deg)}30%{transform:skew(.5deg)}40%{transform:skew(-.5deg)}50%{transform:skew(1deg)}60%{transform:skew(-2deg)}70%{transform:skew(.5deg)}80%{transform:skew(-2deg)}90%{transform:skew(.8deg)}to{transform:skew(-1deg)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - .1rem))}}@media screen and (min-width: 500px){.header-image{width:40%}.me-image{width:60%}}@media screen and (min-width: 700px){.header-image{width:30%}.nav-arrow{padding:10px 15px;font-size:18px}.slide{width:50px}.active{border-radius:5px}.slide__desc{width:60%}}@media screen and (min-width: 1000px){body{overflow:hidden;display:flex;flex-direction:column}.logo-container{padding:0}.logo{width:40px;height:40px}nav{display:flex;justify-content:center}header{width:100px;height:100vh;position:fixed;top:0;left:0;padding:20px}.hamburger-button{display:none}.nav-items{display:flex;flex-direction:column-reverse;align-items:center}.nav-links{display:flex;justify-content:center;cursor:pointer}.nav-links a{color:var(--fill);font-size:1rem;letter-spacing:.3em}.glitch{position:relative}.glitch:hover{animation:glitch-skew 1s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.glitch:before{left:2px;text-shadow:-2px 0 rgba(5,252,217,.8)}.glitch:after{left:-2px;text-shadow:-2px 0 rgba(253,32,84,.8),2px 2px rgba(5,252,217,.8)}.glitch:hover:before{opacity:1;animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:hover:after{opacity:1;animation:glitch-anim2 5s infinite linear alternate-reverse}nav ul{display:flex;align-items:center}nav li{display:flex;justify-content:center;align-items:center}.theme-switch-container{padding:1em .5em 2em}nav ul{flex-direction:column;align-items:center}.social-links{flex-direction:column;margin-top:0}main{margin-left:100px;width:calc(100% - 100px);height:100vh;display:flex;flex-direction:column;position:relative}.container{display:flex;justify-content:space-between;height:100%;overflow:hidden}.hero-container{width:50%;height:100%;position:sticky;top:0;overflow:hidden}.hero__image{width:100%;height:100%;object-fit:contain;max-height:100vh}.info-container{margin-top:.5em;width:50%;height:100vh;overflow-x:hidden;padding-left:1em;scroll-behavior:smooth;display:flex;flex-direction:column}.info-container>*{flex-shrink:0}.header-image{width:20%}.email-me{padding-bottom:2em}.about__hero-container{align-items:flex-start}.me-image{width:100%;object-fit:contain}.about__container{display:flex;height:100vh}.about__hero-container{width:30%;height:100%}.about__info-container{width:70%;height:100%;overflow-y:auto;padding-right:1em}.about__personal-container{display:flex}.about__more-about-me,.about__interests{width:50%}.about__header-image{width:20%}.personal{width:43%}.about__more-about-me p{margin-left:1em}.about__rec-container{display:flex}.about__rec{padding:0 1em}.about__certs-container{display:flex}.about__img-scrimba,.about__img-google{width:100%;object-fit:contain}.about__img-google{width:70%;margin-left:1em}.about__cert-1,.about__cert-2{position:relative}.about__cert-1,.about__cert-2{width:50%;display:flex;flex-direction:column;align-items:flex-start}.about__a-glitch:hover{animation:glitch-skew 1s infinite linear alternate-reverse}.about__a-glitch:before,.about__a-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.about__a-glitch:before{left:2px;text-shadow:-2px 0 rgba(5,252,217,.8)}.about__a-glitch:after{left:-2px;text-shadow:-2px 0 rgba(253,32,84,.8),2px 2px rgba(5,252,217,.8)}.about__a-glitch:hover:before{opacity:1;animation:glitch-anim 5s infinite linear alternate-reverse}.about__a-glitch:hover:after{opacity:1;animation:glitch-anim2 5s infinite linear alternate-reverse}}@media screen and (min-width: 1200px){.logo-container{padding:1em 0}.logo{width:70px;height:70px}.nav-links{margin-top:1em}}@media screen and (min-width: 1400px){header{width:150px}main{margin-left:150px;width:calc(100% - 150px)}}@media screen and (min-width: 2000px){.hero__image{width:93%}.slide__desc,.slide4__desc{width:60%}}@media screen and (min-width: 2400px){.container{align-items:center}.info-container{height:auto}.slide__desc{width:50%}}