body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,infini,Helvetica Neue,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif}h1,h2,h3,main{font-family:Inconsolata,Helvetica Neue,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:infini;src:url(/static/font/infini-regular.138dcb95.woff)}@font-face{font-family:nova-mono;src:url(/static/font/NovaMono-Regular.840e1f90.ttf)}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}ul,ol,li{list-style:revert;margin-left:1rem}h1,h2,h3,h4{margin:revert;padding:revert;font-weight:revert}:root{--background:0 0% 100%;--foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 47.4% 11.2%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--card:0 0% 100%;--card-foreground:222.2 47.4% 11.2%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 100% 50%;--destructive-foreground:210 40% 98%;--ring:215 20.2% 65.1%;--radius:.5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.bottom-4{bottom:1rem}.left-4{left:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[5000\]{z-index:5000}.mb-12{margin-bottom:3rem}.mb-6{margin-bottom:1.5rem}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-8{height:2rem}.h-screen{height:100vh}.w-12{width:3rem}.w-8{width:2rem}.-translate-x-32{--tw-translate-x:-8rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.bg-primary{background-color:hsl(var(--primary))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-25{--tw-bg-opacity:.25}.fill-\[\#004225\]{fill:#004225}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0{padding-top:0;padding-bottom:0}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.text-primary-foreground{color:hsl(var(--primary-foreground))}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-75{opacity:.75}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.running{animation-play-state:running}.paused{animation-play-state:paused}.hover\:bg-\[\#5efffc57\]:hover{background-color:#5efffc57}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}@media (min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-\[200px\]{top:200px}.xl\:-ml-16{margin-left:-4rem}}.App{cursor:pointer;position:fixed;inset:0}.landing-page{z-index:1000;pointer-events:none;margin:auto;position:fixed;inset:calc(100vh - 50vw - 200px) 0 0;overflow:hidden}.landing-page a{pointer-events:auto}@media (max-width:768px){.landing-page{top:30%;left:-200px;right:-200px}}.landing-page svg>path{width:100px;height:100px}.landing-page svg a:hover .svg-link-tspan{fill:#9e80f9;text-decoration:underline}.landing-page svg .svg-link-tspan{fill:#fff;font-weight:400;transition:fill .1s}.card-title{margin-bottom:4px;font-weight:700}audio::-webkit-media-controls-play-button{background-color:#ff7b00;transition:all 1s}audio::-webkit-media-controls-panel{background-color:#ff7b00;transition:all 1s}audio.nightmode::-webkit-media-controls-play-button{background-color:#9e80f9}audio.nightmode::-webkit-media-controls-panel{background-color:#9e80f9}.resume-divider{mix-blend-mode:hard-light;z-index:2;background:#9e80f9;width:100%;height:1px;margin:32px 0}.hor-list{grid-template-columns:repeat(2,1fr);gap:24px;margin:0 0 32px;padding:0;list-style-type:none;display:grid}.hor-list>li{background:#84ff5e25;border-radius:8px;margin:0;padding:16px}.logoWrapper{z-index:2;transition:opacity 5s;position:absolute;top:calc(50vh - 120px);bottom:0;left:10vh;overflow:visible}@media (min-width:1280px){.logoWrapper{top:calc(50vh - 40px)}}.logoComponent{max-width:400px;transform-style:preserve-3d;animation-name:spin;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;overflow:visible}.logo1{width:calc(32px + 12vw)}.logo2{width:calc(32px + 9vw)}h2{margin-top:40px;margin-bottom:10px}p{line-height:1.75rem}.App-gg-bridge{opacity:0;z-index:4;pointer-events:none;height:40vh;max-height:228px;transition:opacity 1s,right 1s;position:fixed;bottom:-10px;right:-350px}.App-gg-bridge-opaque{opacity:1;right:0}.homeInfoContainer{color:#111;z-index:3;opacity:0;width:calc(22vw + 22vh);min-width:380px;font-size:20px;transition:opacity .4s 1.5s;position:fixed;bottom:16vh;right:calc(-10vw - 7.5vh + 100px);transform:translate(-50%)}@media (min-width:1280px){.homeInfoContainer{font-size:24px;right:calc(-5vw - 7.5vh + 100px);transform:translate(-50%)}}.homeInfoContainer.show{opacity:1}.homePageBackLink{z-index:5;color:#412596;position:absolute;left:16px}.homePageBackLink>a{color:#412596}.homePageBackLink>a:hover>.starIcon{fill:#412596}.planet-container{z-index:2;position:fixed;inset:0}.planet1{opacity:0;transition:opacity .5s 1s;position:absolute;transform:translateY(100vh)}@media (max-width:768px){.planet1{top:unset!important;bottom:-50vw!important;left:-100px!important;right:-100px!important}.planet1>svg{width:calc(100vw + 200px)!important;height:calc(100vw + 200px)!important;max-width:unset!important}}.planet1_day{bottom:calc(-20vw - 18vh);right:calc(-5vw - 7.5vh)}.planet1_day>svg{width:calc(45vw + 55vh);height:calc(45vw + 55vh)}.planet1_day.unmounted{opacity:0}.planet1_day.on{opacity:1;animation:1.25s ease-in .25s both sunrise}.planet1_day.off{opacity:1;animation:1s ease-in both sunset}.planet1_night{bottom:calc(-10vw - 15vh);left:calc(-5vw - 7.5vh)}.planet1_night>svg{width:calc(30vw + 30vh);height:calc(30vw + 30vh)}.planet1_night.unmounted{opacity:0}.planet1_night.on{opacity:1;animation:1.25s ease-in .25s both nightfall}.planet1_night.off{opacity:1;animation:1s ease-in both nightset}@keyframes sunrise{0%{filter:drop-shadow(0 0 #ffe100);transform:translateY(100vh)}to{filter:drop-shadow(0 0 40px #ff7b00);transform:translateY(0)}}@keyframes sunset{0%{filter:drop-shadow(0 0 40px #ff7b00);transform:translateY(0)}to{filter:drop-shadow(0 0 #ffe100);transform:translateY(100vh)}}@keyframes nightfall{0%{filter:drop-shadow(0 0 #9674f999);transform:translateY(100vh)}to{filter:drop-shadow(0 0 48px #9674f999);transform:translateY(0)}}@keyframes nightset{0%{filter:drop-shadow(0 0 48px #9674f999);transform:translateY(0)}to{filter:drop-shadow(0 0 #9674f999);transform:translateY(100vh)}}.nameTitle{z-index:2;mix-blend-mode:multiply;width:calc(100% - 48px);max-height:200px;font-family:nova-mono,Helvetica Neue,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;transition:fill 3s,opacity 1s;position:absolute;top:40px;left:24px;right:24px}.nameTitle.night{mix-blend-mode:difference}.highlightedChar_day{fill:#002d19}.highlightedChar_night{fill:#6cfc9e;z-index:100}.hoverableHomeItem{min-height:16px;display:flex}@media (max-width:768px){.hoverableHomeItem{flex-direction:column;align-items:center}}li>ul>li{padding-bottom:0}.resume-container{z-index:4;color:#eee;max-height:100%;transition:opacity 1s .5s;position:relative;overflow-y:scroll}@media (min-width:1280px){.resume-container{padding-left:600px}}.resume-inner-container{max-width:800px;margin:80px auto auto;padding-bottom:160px;padding-left:32px;padding-right:32px}@media (min-width:1280px){.resume-inner-container{max-width:980px;margin-top:200px}}.splitRow{justify-content:space-between;align-items:center;display:flex}.pill{color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:16px;padding:3px 8px;font-size:10px;font-weight:500}.location-pill{background:#84ff5e44;margin-left:8px}.interest-pill{background-color:#462d93;animation:7s ease-in-out infinite rainbowFromRedToIndigo}.interest-pill:first-of-type{animation-delay:0s}.interest-pill:nth-of-type(2){animation-delay:1s}.interest-pill:nth-of-type(3){animation-delay:2s}.interest-pill:nth-of-type(4){animation-delay:3s}.interest-pill:nth-of-type(5){animation-delay:4s}.interest-pill:nth-of-type(6){animation-delay:5s}.interest-pill:nth-of-type(7){animation-delay:6s}@keyframes rainbowFromRedToIndigo{0%{background-color:#e8141666}14%{background-color:#ffa50066}28%{background-color:#faeb3666}42%{background-color:#79c31666}56%{background-color:#487de766}70%{background-color:#4b369d66}84%{background-color:#70369d66}to{background-color:#e8141666}}@media (max-width:1280px){.App-gg-bridge{height:30vh}}@media (max-width:768px){.resume-container{padding-top:40px;padding-bottom:240px}.splitRow{display:unset}.homeInfoContainer{width:unset;max-width:360px;transform:unset;margin:auto;font-size:18px;transition:color 1s ease-in-out;bottom:80px;left:20px;right:20px}.nameTitle{width:calc(100% - 32px);top:40px;left:16px;right:16px}.App-gg-bridge{height:20vh;max-height:160px}.logoWrapper{height:50vh;top:24px;left:0;right:0}.logoComponent.logo1{width:200px;padding-top:32px;padding-right:32px}.logoComponent.logo2{width:140px}}button{color:inherit;font:inherit;outline:inherit;text-shadow:inherit;background:0 0;border:none;padding:0}p{margin-block:.25em}a,button{color:#412596;font-weight:600;transition:color 50ms ease-in-out}a:hover,button:hover{color:#010c73}a.inverse,button.inverse{color:#9e80f9}a.inverse:hover,button.inverse:hover{color:#806eb8}li{padding-bottom:8px}.App,a,button{cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNiAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMSAzNS42MTc5VjNMMjMgMjQuNTYxSDEyLjU1TDE2Ljk1IDM1LjA2NUwxMi41NSAzN0w4LjE1IDI3LjA0ODhMMSAzNS42MTc5WiIgZmlsbD0idXJsKCNwYWludDBfYW5ndWxhcikiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgLz4KICA8ZGVmcz4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX2FuZ3VsYXIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAzNS42MTc5KSByb3RhdGUoLTM0LjczMDYpIHNjYWxlKDM4LjgxNTMgMzguNjk4OCkiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuMDIyODQ0MiIgc3RvcC1jb2xvcj0iIzMwN0EwMyIgc3RvcC1vcGFjaXR5PSIwLjUyIiAvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuODcyMDQyIiBzdG9wLWNvbG9yPSIjMDAwOENEIiBzdG9wLW9wYWNpdHk9IjAuNjgiIC8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+) 0 6,auto}button:hover,a:hover{cursor:pointer;text-decoration:underline}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}@keyframes backgroundAnim{0%{filter:hue-rotate(45deg)}to{filter:hue-rotate(210deg)}}.star{background-color:#fff;border-radius:50%;position:absolute;box-shadow:0 0 1px 1px #ab8ffd44}.star.star_background{background-color:#ffffff80;box-shadow:0 0 4px 1.5px #d26363cc}.star.star_disco{animation:4s ease-in-out infinite alternate star-disco;box-shadow:0 0 1px 5px #ab8ffd44!important}@keyframes star-disco{0%{filter:hue-rotate();transform:scale(1)}to{filter:hue-rotate(360deg);transform:scale(2.2)}}@keyframes starsHueAnim{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.App-background{transition:opacity .5s ease-in-out;animation:20s linear infinite alternate starsHueAnim;position:absolute;inset:0}.App-background.on{z-index:1;opacity:1;transition-delay:.5s}.App-background.off{opacity:0;transition-delay:.7s}.App-background_night{background-color:#000}.App-background_day{background:linear-gradient(168deg,#ffc2d9 0% 1%,#ffc3d9 1% 2%,#ffc3da 2% 3%,#ffc4da 3% 4%,#ffc5db 4% 5%,#ffc6db 5% 6%,#ffc6db 6% 7%,#ffc7dc 7% 8%,#ffc8dc 8% 9%,#ffc8dd 9% 10%,#ffc9dd 10% 11%,#ffcade 11% 12%,#ffcade 12% 13%,#ffcbde 13% 14%,#ffccdf 14% 15%,#ffccdf 15% 16%,#ffcde0 16% 17%,#ffcee0 17% 18%,#ffcee0 18% 19%,#ffcfe1 19% 20%,#ffd0e1 20% 21%,#ffd0e2 21% 22%,#ffd1e2 22% 23%,#ffd2e2 23% 24%,#ffd2e3 24% 25%,#ffd3e3 25% 26%,#ffd4e4 26% 27%,#ffd4e4 27% 28%,#ffd5e4 28% 29%,#ffd6e5 29% 30%,#ffd6e5 30% 31%,#ffd7e6 31% 32%,#ffd8e6 32% 33%,#ffd8e6 33% 34%,#ffd9e7 34% 35%,#ffdae7 35% 36%,#ffdae8 36% 37%,#ffdbe8 37% 38%,#ffdbe8 38% 39%,#ffdce9 39% 40%,#ffdde9 40% 41%,#ffdde9 41% 42%,#ffdeea 42% 43%,#ffdfea 43% 44%,#ffdfeb 44% 45%,#ffe0eb 45% 46%,#ffe0eb 46% 47%,#ffe1ec 47% 48%,#ffe2ec 48% 49%,#ffe2ed 49% 50%,#ffe3ed 50% 51%,#ffe3ed 51% 52%,#ffe4ee 52% 53%,#ffe5ee 53% 54%,#ffe5ee 54% 55%,#ffe6ef 55% 56%,#ffe7ef 56% 57%,#ffe7f0 57% 58%,#ffe8f0 58% 59%,#ffe8f0 59% 60%,#ffe9f1 60% 61%,#ffe9f1 61% 62%,#ffeaf2 62% 63%,#ffebf2 63% 64%,#ffebf2 64% 65%,#ffecf3 65% 66%,#ffecf3 66% 67%,#ffedf3 67% 68%,#ffeef4 68% 69%,#ffeef4 69% 70%,#ffeff4 70% 71%,#ffeff5 71% 72%,#fff0f5 72% 73%,#fff0f6 73% 74%,#fff1f6 74% 75%,#fff2f6 75% 76%,#fff2f7 76% 77%,#fff3f7 77% 78%,#fff3f7 78% 79%,#fff4f8 79% 80%,#fff4f8 80% 81%,#fff5f9 81% 82%,#fff6f9 82% 83%,#fff6f9 83% 84%,#fff7fa 84% 85%,#fff7fa 85% 86%,#fff8fa 86% 87%,#fff8fb 87% 88%,#fff9fb 88% 89%,#fff9fb 89% 90%,#fffafc 90% 91%,#fffbfc 91% 92%,#fffbfd 92% 93%,#fffcfd 93% 94%,#fffcfd 94% 95%,#fffdfe 95% 96%,#fffdfe 96% 97%,#fffefe 97% 98%,#fffeff 98% 99%,#fff 99% 100%)}.stars-container{pointer-events:none;transition:filter 2s ease-in-out,opacity 2s ease-in-out;position:fixed;inset:0}.slider-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.slider-label{color:#fff;text-shadow:0 0 10px #ffffff80;font-size:14px;font-weight:500}.slider-input{cursor:pointer;background:#fff3;border-radius:3px;outline:none;width:100%;height:6px}.slider-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(45deg,#3effcc,#ff2d2d);border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 0 10px #3effcc80}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #3effcccc}.slider-input::-moz-range-thumb{cursor:pointer;background:linear-gradient(45deg,#3effcc,#ff2d2d);border:none;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 0 10px #3effcc80}.slider-input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #3effcccc}.slider-input::-webkit-slider-track{background:#fff3;border-radius:3px;height:6px}.slider-input::-moz-range-track{background:#fff3;border:none;border-radius:3px;height:6px}#planet1{fill:url(#planet1Gradient)}#planet2{fill:url(#planet2Gradient)}#planet3{fill:url(#planet3Gradient)}#planet4{fill:url(#planet4Gradient)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#solar-system,.stars-container{animation:1s ease-in-out both fadeIn}#solar-system{animation-delay:4s}