:root{--text: hsl(0, 0%, 100%);--text-reverse: hsl(0, 0%, 0%);--textDim: hsl(0, 0%, 60%);--background: hsl(0, 0%, 0%);--background-reverse: hsl(0, 0%, 100%);--scroll-bar: 31, 195, 255;--primary: 31, 195, 255;--primaryBg: hsla(155, 100%, 65%, 1%);--primaryHi: hsla(155, 100%, 75%, 25%);--primaryFg: hsl(155, 100%, 85%);--secondary: hsl(156, 51%, 14%);--secondaryFg: hsl(156, 51%, 75%);--secondaryBg: hsla(156, 51%, 14%, 5%);--secondaryHi: hsla(156, 51%, 30%, 50%);--accent: hsl(155, 100%, 94%);--accentBg: hsla(155, 100%, 94%, 1%);--accentHi: hsla(155, 100%, 100%, 25%)}html{scrollbar-width:none;scroll-behavior:smooth!important}*{cursor:none!important;box-sizing:border-box;margin:0;padding:0}body{font-family:Fugaz One,sans-serif;font-weight:400;font-style:normal;background-color:var(--background);color:var(--text);cursor:none;scroll-behavior:smooth}.container{max-width:1600px;margin-inline:auto}@keyframes anim{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}hr{position:relative;padding:2.5rem 0;border:none;margin-top:10px}hr:before{content:"⁄ ∗–––––––––––––––∗ ⁄";position:absolute;top:1.2rem;right:0;left:0;font-size:1.5em;color:#1fc3ff;text-align:center}::-webkit-scrollbar{display:none}.scroll-bar{--p: 0%;position:fixed;width:7px;height:7px;right:0;top:0;background:rgb(var(--scroll-bar));border-radius:50%}.scroll-bar:before{content:"";position:absolute;bottom:50%;left:50%;transform:translate(-50%);width:7px;height:var(--p);background:linear-gradient(0deg,rgb(var(--scroll-bar)),transparent)}.heading{color:#1fc3ff;text-decoration:underline;margin-bottom:.9rem}@media screen and (max-width: 700px){.scroll-bar{display:none}}@media screen and (max-width: 450px){p{font-size:1.5rem}}.about-me{min-height:100vh;display:flex;padding:2rem 4rem}.about-me .title{margin-top:6rem}.about-me>div{width:50%;padding:1rem}.about-me p{font-family:Open Sans,sans-serif;font-style:normal;line-height:1.5rem}.timeline{padding-left:3rem;position:relative;font-size:1.1rem;margin-top:2rem}.timeline>h1{letter-spacing:.1rem;text-transform:uppercase;font-size:2.2rem;font-weight:500}.timeline:after{position:absolute;content:"";top:60px;left:35px;width:2px;height:calc(100% - 60px);background-color:rgb(var(--primary))}.timeline>ul{list-style-type:none}.timeline li{font-family:Open Sans,sans-serif}.timeline-item{position:relative}.timeline-list{padding-left:2rem}.timeline-description{margin-block:1rem}.timeline-item:before{position:absolute;content:"";top:6px;left:-53px;width:14px;height:14px;border-radius:50%;border:2px solid rgb(var(--primary));background-color:#000;z-index:99}.timeline .designation{font-size:1.5rem;margin-bottom:.5rem}.timeline .place{color:rgb(var(--primary));font-size:1.2rem;letter-spacing:.1rem;text-transform:uppercase;font-weight:500}.about-me .intro{font-size:1.25rem;font-weight:500;color:#fff;background:linear-gradient(to top right,#fff0,#1fc3ff21);padding:1.5rem 3rem;border-radius:12px;text-align:center}.about-me .intro p{margin-block:.4rem;line-height:1.8rem;color:#ffffffd9}.about-me .intro strong{color:#1fc3ff;font-weight:600}@media screen and (max-width: 768px){.about-me{padding:2rem;flex-direction:column;align-items:center;gap:1rem;text-align:center}.timeline .designation{font-size:1.1rem;margin-bottom:.5rem}.timeline>h1{font-size:1.8rem}.about-me>div{width:100%;padding:0}.about-me .intro{padding:1.5rem 1rem}.about-me .intro p{margin-block:.4rem;font-size:1.2rem;line-height:1.8rem;color:#ffffffd9}.about-me .intro strong{color:#1fc3ff;font-weight:600}.timeline .place{font-size:1rem;letter-spacing:.05rem}img{width:100px;height:100px}}.floating-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;text-decoration:none;color:inherit;height:50px;width:160px;z-index:9999;background-color:transparent;outline:none;border:none}.floating-btn div{height:50px;width:160px;border:none;border-radius:13px;background-color:var(--primaryBg);box-shadow:0 -3px 15px 0 var(--primaryHi) inset;color:var(--primaryFg);font-size:1rem;display:flex;justify-content:center;align-items:center;position:relative;transform:translateY(0);transition:all .2s ease;animation:anim 5s linear infinite}.floating-btn span{width:100px;height:60px;background-color:var(--primaryHi);border-radius:100%;filter:blur(20px);position:absolute;bottom:-50%;transition:all .2s ease}.floating-btn:hover>span{bottom:-40%;filter:blur(18px);scale:1.2}.floating-btn:hover>div{transform:translateY(5px)}.floating-btn.first{top:12%;left:15%}.floating-btn.first>div{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset}.floating-btn.first>span{background-color:#0e98dd79}.floating-btn.sec{bottom:20%;right:15%}.floating-btn.sec>button{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset;color:var(--accentFg)}.floating-btn.sec>span{background-color:var(--accentHi)}.floating-btn.third{bottom:20%;left:15%}.floating-btn.third>button{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset;color:var(--accentFg)}.floating-btn.third>span{background-color:var(--accentHi)}.floating-btn.fourth{top:12%;right:15%}.floating-btn.fourth>button{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset;color:var(--accentFg)}.floating-btn.fourth>span{background-color:var(--accentHi)}@media screen and (max-width: 700px){.floating-btn{width:120px}.floating-btn div{width:120px;height:40px;font-size:.8rem}.floating-btn span{width:80px;height:40px}}.glow-box-parent{position:relative;display:flex;justify-content:center}.glow-box-title{position:absolute;top:0;font-size:.9rem;padding:.2rem .7rem;white-space:nowrap;color:var(--text-reverse);border-radius:50px;background-color:var(--background-reverse);box-shadow:0 15px 35px #32325d1a,0 5px 15px #00000012;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:all .2s ease-in-out}.glow-box-parent:hover .glow-box-title{top:-50%;opacity:.9}.glow-box{height:4.2rem;width:4.2rem;border-radius:10px;box-shadow:inset 0 0 1px 0 var(--clr),inset 0 0 8px 0 var(--clr);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transition-duration:.3s}.glow-box:before{position:absolute;content:"";bottom:-60%;height:70%;border-radius:100%;width:70%;background-color:var(--clr);filter:blur(10px)}.glow-box:after{position:absolute;content:"";height:40%;width:40%;border-radius:100%;opacity:80%;background-color:var(--clr);filter:blur(7px)}.glow-box:hover{box-shadow:inset 0 0 1px 0 var(--clr),inset 0 0 8px 0 var(--clr),0 0 7px 1px var(--clr)}.glow-link:hover{transform:translateY(-7px)}.glow-box:hover:before{bottom:-47%}.glow-box>svg{width:50%;height:50%}@keyframes glow-box-anim{0%{transform:translateY(100px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width: 700px){.glow-box{height:3.5rem;width:3.5rem}.glow-box-title{font-size:.75rem;padding:.15rem .5rem}}.hero-section{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:2.5rem}.hero-section .name{font-size:7rem;color:#1fc3ff}.blur{height:12rem;width:12rem;background-color:#1fc3ffb3;filter:blur(100px);border-radius:100px;z-index:-1;position:absolute}.bottom-bar{border-radius:13px;color:var(--primaryFg);font-size:1rem;display:flex;justify-content:center;align-items:center;position:absolute;bottom:20px;gap:10px}@media screen and (max-width: 700px){.hero-section{font-size:2rem}.hero-section .name{font-size:4rem}.bottom-bar{gap:10px}}@media screen and (max-width: 300px){.hero-section .name{font-size:3rem}.bottom-bar{gap:2px}}.circle{height:24px;width:24px;border-radius:100%;background-color:#fff;position:fixed;top:0;left:0;pointer-events:none;z-index:99999999;transform-origin:center center;transition:width .2s}.circle-hidden{display:none}.circle-thin{height:20px;width:2px}@media screen and (max-width: 750px){.circle{display:none}}.projects-section{min-height:100vh;display:flex;padding:2rem 4rem}.projects-section .title{margin-top:6rem}.projects-section>div{width:50%;padding:1rem}.projects-section p{font-family:Open Sans,sans-serif;font-style:normal;line-height:1.5rem}.projects-grid{display:flex;gap:1rem;flex-direction:column;justify-content:center;text-align:center;align-items:center;font-family:Fugaz One,sans-serif}.projects-row{display:flex;gap:1rem;margin:20px 0;flex-wrap:wrap;justify-content:center}@media screen and (max-width: 700px){.projects-section{padding:1rem 2rem;flex-direction:column;gap:1rem}.projects-section>div{width:100%;padding:.5rem}.tech-stack .title{margin-top:2rem;text-align:center}.projects-section p{font-size:1.1rem;line-height:1.5rem}.projects-row{gap:.5rem}}.tech-stack{min-height:100vh;display:flex;padding:2rem 4rem}.tech-stack .title{margin-top:6rem}.tech-stack>div{width:50%;padding:1rem}.tech-stack p{font-family:Open Sans,sans-serif;font-style:normal;line-height:1.5rem}.tech-row{display:flex;gap:1rem;margin:20px 0;flex-wrap:wrap;justify-content:center}.tech-grid{display:flex;gap:1rem;flex-direction:column;justify-content:center;text-align:center;align-items:center;font-family:Fugaz One,sans-serif}@media screen and (max-width: 700px){.tech-stack{padding:1rem 2rem;flex-direction:column-reverse;gap:1rem}.tech-stack>div{width:100%;padding:.5rem}.tech-stack .title{margin-top:2rem;text-align:center}.tech-stack p{font-size:1.1rem;line-height:1.5rem}.tech-row{gap:.5rem}}.hover-text{display:inline-block;position:relative;overflow:hidden}.hover-text span{display:inline-block;transition:transform .2s;position:relative;transition-delay:var(--delay)}.hover-text span:after{content:attr(data-char);position:absolute;left:0;bottom:-100%;transform:translateY(100%);transition:transform .3s;transition-delay:var(--delay)}.hover-text:hover span{transform:translateY(-100%)}.hover-text:hover span:after{transform:translateY(0)}:root{--text-primary: 8rem;--text-secondary: 11rem}.title{text-align:center;margin:auto;padding:2rem;width:fit-content;position:sticky;top:50vh}.title .primary-text{color:#fff;font-size:var(--text-primary);margin-bottom:3rem;letter-spacing:.1rem;text-transform:uppercase;font-family:Fugaz One,sans-serif}.title .secondary-text{font-size:var(--text-secondary);text-align:end;letter-spacing:.1rem;text-transform:uppercase;font-family:Fugaz One,sans-serif;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:hsl(196,100%,56%)}@media screen and (max-width: 700px){:root{--text-primary: 5rem;--text-secondary: 6rem}.title{position:relative;top:0rem}}