.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:black;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,#ffffff00,#1fc3ff21);padding:1.5rem 3rem;border-radius:12px;text-align:center}.about-me .intro p{margin-block:.4rem;line-height:1.8rem;color:rgba(255,255,255,.85)}.about-me .intro strong{color:rgb(31,195,255);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:rgba(255,255,255,.85)}.about-me .intro strong{color:rgb(31,195,255);font-weight:600}.timeline .place{font-size:1rem;letter-spacing:.05rem}}.floating-btn{flex-direction:column;position:absolute;text-decoration:none;color:inherit;z-index:9999;background-color:transparent;outline:none}.floating-btn,.floating-btn div{display:flex;justify-content:center;align-items:center;height:50px;width:160px;border:none}.floating-btn div{border-radius:13px;background-color:var(--primaryBg);box-shadow:0 -3px 15px 0 var(--primaryHi) inset;color:var(--primaryFg);font-size:1rem;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:hsla(200,88%,46%,.475)}.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)}.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 rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);pointer-events:none;-webkit-user-select:none;-moz-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{bottom:-60%;height:70%;width:70%;filter:blur(10px)}.glow-box:after,.glow-box:before{position:absolute;content:"";border-radius:100%;background-color:var(--clr)}.glow-box:after{height:40%;width:40%;opacity:80%;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;position:relative}.hero-section .name{font-size:7rem;color:rgb(31,195,255)}.blur{height:12rem;width:12rem;background-color:hsl(196,100%,56%,.7);filter:blur(100px);border-radius:100px;z-index:-1;position:absolute}.bottom-bar{border-radius:13px;color:var(--primaryFg);font-size:1rem;bottom:20px;gap:10px}.bottom-bar,.github-ribbon{display:flex;justify-content:center;align-items:center;position:absolute}.github-ribbon{top:0;right:0;width:250px;height:50px;text-decoration:none;transform:rotate(45deg) translate(50%,150%);transform-origin:top right;z-index:9999;background-color:transparent;color:inherit}.github-ribbon div{width:100%;height:100%;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;transition:all .25s ease}.github-ribbon span{width:100px;height:60px;background-color:var(--primaryHi);border-radius:100%;filter:blur(20px);position:absolute;bottom:-50%;transition:all .25s ease}.github-ribbon:hover>span{bottom:-40%;filter:blur(18px);scale:1.2}.github-ribbon:hover>div{transform:translateY(4px)}@media screen and (max-width:600px){.github-ribbon div{font-size:.75rem}}@media screen and (max-width:700px){.hero-section{font-size:2rem}.hero-section .name{font-size:4rem}.bottom-bar{gap:5px}}@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:white;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}}.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{margin:20px 0;flex-wrap:wrap}.tech-grid,.tech-row{display:flex;gap:1rem;justify-content:center}.tech-grid{flex-direction:column;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{overflow:hidden}.hover-text,.hover-text span{display:inline-block;position:relative}.hover-text span{transition:transform .2s;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:-moz-fit-content;width:fit-content;position:-webkit-sticky;position:sticky;top:50vh}.title .primary-text{color:white;font-size:var(--text-primary);margin-bottom:3rem}.title .primary-text,.title .secondary-text{letter-spacing:.1rem;text-transform:uppercase;font-family:Fugaz One,sans-serif}.title .secondary-text{font-size:var(--text-secondary);text-align:end;-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:0}}