body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-wrapper{text-align:center;min-width:25rem;position:absolute;top:40%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.name{color:#f4f0ff;text-shadow:0 0 .125rem #010310e6,0 0 .625rem #0c1142d9,0 0 1.375rem #0c114299;text-align:center;font-size:1.625rem}.sun{clip-path:polygon(-50% 0,150% -50%,150% 55%,-50% 55%,-50% 62%,150% 62%,150% 70%,0 70%,-50% 75%,150% 75%,150% 80%,0 80%,-50% 82%,150% 82%,150% 85%,0 85%,-50% 87%,150% 87%,150% 90%,0 90%,-50% 92%,150% 92%,150% 95%,0 95%,-50% 96%,150% 96%,150% 150%,0 150%);background-color:#ff0;background-image:linear-gradient(red,#ff0),linear-gradient(#000,#fff);border-radius:100%;width:12.5rem;height:12.5rem;position:absolute;bottom:40%;left:50%;transform:translate(-50%);box-shadow:0 0 1.25rem #ff8000b3}.overlay{pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(#0000004d 0,#0000 .0625rem .125rem,#0000004d .1875rem);width:100%;height:100%;position:absolute;top:0;left:0}.background{--background-height:100vh;background:linear-gradient(#010310 0,#0c1142 24%,#45125e 45%,#d53567 60%,#f0c3d9 65%,#0c1142 65%) fixed;background-size:100% var(--background-height,100vh);height:var(--background-height,100vh);z-index:-2;width:100vw;position:absolute;top:0;left:0;overflow:hidden}.background:before{content:"";opacity:.2;z-index:-1;background:linear-gradient(#010310 0,#0c1142 24%,#45125e 45%,#d53567 60%,#f0c3d9 65%,#0c1142 65%) fixed;width:100%;height:55%;position:absolute;top:0;left:0}.stars-canvas{pointer-events:none;z-index:-1;width:100%;position:absolute;top:0;left:0}.meteor{animation:meteor var(--duration) linear forwards;filter:drop-shadow(0 0 4px #ff7ac0);opacity:0;height:2px;transform:rotate(var(--angle));transform-origin:100%;z-index:-1;background:linear-gradient(90deg,#0000,#ffd0ea 70%,#fff);border-radius:2px;position:absolute}@keyframes meteor{0%{opacity:0;transform:rotate(var(--angle)) translateX(0)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance))}}.sun-glow{aspect-ratio:2;z-index:-1;background:radial-gradient(at 50% 100%,#ff468c59,#0000 65%);width:min(26rem,90vw);position:absolute;bottom:35%;left:50%;transform:translate(-50%)}.sun-box{z-index:-1;height:60%;position:absolute;bottom:35%;left:0;right:0;overflow:hidden}.sun-disc{--band:.95rem;aspect-ratio:1;-webkit-mask:repeating-linear-gradient(to bottom, #000 0 var(--band), transparent var(--band) 1.25rem) 0 0/100% 1.25rem, linear-gradient(#000 52%, transparent 52%);-webkit-mask:repeating-linear-gradient(to bottom, #000 0 var(--band), transparent var(--band) 1.25rem) 0 0/100% 1.25rem, linear-gradient(#000 52%, transparent 52%);mask:repeating-linear-gradient(to bottom, #000 0 var(--band), transparent var(--band) 1.25rem) 0 0/100% 1.25rem, linear-gradient(#000 52%, transparent 52%);-webkit-mask-composite:source-over;background:linear-gradient(#ffd86b 10%,#ff8a3d 45%,#ff2f7a 85%);border-radius:50%;width:min(13rem,46vw);animation:4s steps(20,end) infinite sun-bands;position:absolute;bottom:calc(min(13rem,46vw)/-3.33333);left:50%;transform:translate(-50%);-webkit-mask-composite:source-over;mask-composite:add}@keyframes sun-bands{0%{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}to{-webkit-mask-position:0 -1.25rem,0 0;mask-position:0 -1.25rem,0 0}}.mountains{pointer-events:none;z-index:-1;height:16%;position:absolute;bottom:35%;left:0;right:0}.ridge{filter:drop-shadow(0 -1px #ff5fb0)drop-shadow(0 0 6px #ff3c968c);position:absolute;inset:0}.ridge i{display:block;position:absolute;inset:0}.ridge--back i{clip-path:polygon(0 100%,0 62%,7% 45%,13% 58%,21% 30%,28% 52%,34% 40%,40% 60%,46% 100%,54% 100%,60% 55%,66% 34%,72% 50%,79% 22%,86% 47%,93% 36%,100% 55%,100% 100%);background:linear-gradient(#2a0f4f,#160a37)}.ridge--front i{clip-path:polygon(0 100%,0 80%,6% 66%,11% 76%,17% 58%,24% 74%,30% 68%,37% 86%,42% 100%,58% 100%,63% 84%,69% 64%,75% 76%,82% 55%,88% 72%,94% 62%,100% 74%,100% 100%);background:linear-gradient(#1a0b3d,#0c1142)}.ground-canvas{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.glitch{text-shadow:0 0 .4rem #ff78c8b3,0 0 1.4rem #ff3c9673;animation:7s infinite neon-flicker}@keyframes neon-flicker{0%,18%,20%,52%,54%,to{opacity:1}19%,53%{opacity:.55}}@media (prefers-reduced-motion:reduce){.background *,.background :before,.background :after,.glitch,.glitch:before,.glitch:after,.sound-toggle{animation:none!important}}.sound-toggle{color:#ffd0ea;cursor:pointer;z-index:10000;background:#0c06208c;border:1px solid #ff5fb099;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:fixed;bottom:16px;right:16px}.sound-toggle svg{fill:currentColor;width:22px;height:22px}.sound-toggle:hover,.sound-toggle:focus-visible{color:#fff;border-color:#ff5fb0;outline:none}.sound-toggle--off{color:#b9a9d9}.sound-toggle--hint{animation:2.4s ease-in-out infinite sound-hint}@keyframes sound-hint{50%{transform:scale(1.12)}}.glitch{color:#fff;font-size:2.5rem;display:inline-block;position:relative;overflow:hidden}@keyframes noise-anim{0%{clip:rect(55px, 624.938rem, 16px, 0)}3.33333%{clip:rect(39px, 624.938rem, 95px, 0)}6.66667%{clip:rect(37px, 624.938rem, 79px, 0)}10%{clip:rect(83px, 624.938rem, 88px, 0)}13.3333%{clip:rect(78px, 624.938rem, 75px, 0)}16.6667%{clip:rect(84px, 624.938rem, 27px, 0)}20%{clip:rect(3px, 624.938rem, 9px, 0)}23.3333%{clip:rect(28px, 624.938rem, 68px, 0)}26.6667%{clip:rect(10px, 624.938rem, 85px, 0)}30%{clip:rect(8px, 624.938rem, 92px, 0)}33.3333%{clip:rect(44px, 624.938rem, 29px, 0)}36.6667%{clip:rect(79px, 624.938rem, 99px, 0)}40%{clip:rect(55px, 624.938rem, 58px, 0)}43.3333%{clip:rect(12px, 624.938rem, 63px, 0)}46.6667%{clip:rect(78px, 624.938rem, 26px, 0)}50%{clip:rect(54px, 624.938rem, 92px, 0)}53.3333%{clip:rect(5px, 624.938rem, 51px, 0)}56.6667%{clip:rect(90px, 624.938rem, 84px, 0)}60%{clip:rect(29px, 624.938rem, 72px, 0)}63.3333%{clip:rect(88px, 624.938rem, 88px, 0)}66.6667%{clip:rect(77px, 624.938rem, 77px, 0)}70%{clip:rect(67px, 624.938rem, 19px, 0)}73.3333%{clip:rect(38px, 624.938rem, 46px, 0)}76.6667%{clip:rect(81px, 624.938rem, 31px, 0)}80%{clip:rect(73px, 624.938rem, 53px, 0)}83.3333%{clip:rect(94px, 624.938rem, 4px, 0)}86.6667%{clip:rect(13px, 624.938rem, 60px, 0)}90%{clip:rect(49px, 624.938rem, 11px, 0)}93.3333%{clip:rect(33px, 624.938rem, 79px, 0)}96.6667%{clip:rect(39px, 624.938rem, 88px, 0)}to{clip:rect(23px, 624.938rem, 52px, 0)}}.glitch:after{clip:rect(0, 56.25rem, 0, 0);color:#fff;content:attr(data-text);text-shadow:-.125rem 0 red;animation:2s linear infinite alternate-reverse noise-anim;position:absolute;top:0;left:.0625rem;overflow:hidden}@keyframes noise-anim-2{0%{clip:rect(95px, 624.938rem, 31px, 0)}3.33333%{clip:rect(30px, 624.938rem, 81px, 0)}6.66667%{clip:rect(31px, 624.938rem, 5px, 0)}10%{clip:rect(87px, 624.938rem, 85px, 0)}13.3333%{clip:rect(57px, 624.938rem, 11px, 0)}16.6667%{clip:rect(14px, 624.938rem, 40px, 0)}20%{clip:rect(46px, 624.938rem, 58px, 0)}23.3333%{clip:rect(72px, 624.938rem, 21px, 0)}26.6667%{clip:rect(34px, 624.938rem, 85px, 0)}30%{clip:rect(43px, 624.938rem, 33px, 0)}33.3333%{clip:rect(4px, 624.938rem, 18px, 0)}36.6667%{clip:rect(13px, 624.938rem, 28px, 0)}40%{clip:rect(73px, 624.938rem, 80px, 0)}43.3333%{clip:rect(24px, 624.938rem, 92px, 0)}46.6667%{clip:rect(6px, 624.938rem, 37px, 0)}50%{clip:rect(71px, 624.938rem, 96px, 0)}53.3333%{clip:rect(96px, 624.938rem, 90px, 0)}56.6667%{clip:rect(29px, 624.938rem, 46px, 0)}60%{clip:rect(35px, 624.938rem, 66px, 0)}63.3333%{clip:rect(64px, 624.938rem, 97px, 0)}66.6667%{clip:rect(39px, 624.938rem, 19px, 0)}70%{clip:rect(33px, 624.938rem, 3px, 0)}73.3333%{clip:rect(6px, 624.938rem, 5px, 0)}76.6667%{clip:rect(90px, 624.938rem, 15px, 0)}80%{clip:rect(26px, 624.938rem, 31px, 0)}83.3333%{clip:rect(95px, 624.938rem, 23px, 0)}86.6667%{clip:rect(56px, 624.938rem, 36px, 0)}90%{clip:rect(39px, 624.938rem, 65px, 0)}93.3333%{clip:rect(21px, 624.938rem, 41px, 0)}96.6667%{clip:rect(24px, 624.938rem, 41px, 0)}to{clip:rect(37px, 624.938rem, 83px, 0)}}.glitch:before{clip:rect(0, 56.25rem, 0, 0);color:#fff;content:attr(data-text);text-shadow:.0625rem 0 #00f;animation:3s linear infinite alternate-reverse noise-anim-2;position:absolute;top:0;left:-.125rem;overflow:hidden}.icons-wrapper{flex-direction:row;justify-content:center;padding:1.25rem 0 0;animation:2s fadein;display:flex}.icon{margin-right:1.25rem}.icon svg{filter:drop-shadow(0 0 .0625rem #010310e6)drop-shadow(0 0 .375rem #0c1142d9);width:2rem;height:2rem}.icon.github{fill:#f4f0ff}.icon.github:hover{fill:#000}.icon.linkedin{fill:#f4f0ff}.icon.linkedin:hover{fill:#0077b7}.icon.resume{fill:#f4f0ff}.icon.resume:hover{fill:#f4a460}.placeholder{height:3.5rem}@keyframes fadein{0%{opacity:0}to{opacity:1}}
