@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/848b99572ad207f3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/c97d4358b5ad6f1f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code Fallback;src:local("Arial");ascent-override:73.56%;descent-override:23.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_ae1979{font-family:Fira Code,Fira Code Fallback;font-style:normal}:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:255,255,255;--background-main:#101012;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--card-rgb:100,100,100;--card-border-rgb:200,200,200}*{box-sizing:border-box;margin:0;overflow:hidden;padding:0}body,html{max-width:100vw;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{font-family:var(--font-mono);background:linear-gradient(to bottom,transparent,var(--background-main)) rgb(var(--background-start-rgb));color:rgb(var(--foreground-rgb))}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:0 5px 5px 0;box-shadow:inset 0 0 5px #4ca6ca}::-webkit-scrollbar-thumb{background:#626267;border-radius:0 5px 5px 0}::-webkit-scrollbar-thumb:hover{background:#4ca6ca;border-radius:0 5px 5px 0}.main{display:flex;flex-direction:column;justify-content:center;justify-content:space-between;margin:0 25px calc(2rem + env(safe-area-inset-bottom))}.description{align-items:inherit;display:inherit;font-size:20px;justify-content:center;max-width:var(--max-width);text-align:left;width:100%;z-index:2}.code,.description{font-family:var(--font-mono)}.code{font-weight:700}.card{align-items:center;background:rgba(var(--card-rgb),.1);border:1px solid rgba(var(--card-border-rgb),0);border-radius:var(--border-radius);display:flex;height:90vh;width:100%}.cardSlider{background:#222226;border:1px solid rgba(var(--card-border-rgb),0);border-radius:12px;height:165px;margin-left:10px;margin-right:10px;width:50px}.home:hover,.homeHigh{background-color:rgba(142,68,173,.3)!important;transition:.25s ease-in-out}.settings:hover,.settingsHigh{background-color:rgba(0,0,0,.3)!important;cursor:pointer;transition:.25s ease-in-out}.projects:hover,.projectsHigh{background-color:rgba(255,97,97,.3)!important;transition:.25s ease-in-out}.info:hover,.infoHigh{background-color:rgba(26,188,156,.3)!important;transition:.25s ease-in-out}.cardSocials[data-platform=Discord]:hover{background-color:rgba(88,101,242,.3)!important}.cardSocials[data-platform=GitHub]:hover{background-color:rgba(255,255,255,.2)!important}.cardSocials[data-platform="X.com"]:hover{background-color:rgba(29,155,240,.3)!important}.cardSocials[data-platform=Steam]:hover{background-color:rgba(19,27,48,1)!important}.cardSocials img{opacity:.8;transition:opacity .25s ease-in-out}.cardSocials:hover img{opacity:1}.cardInternal{overflow-wrap:normal}.card span{display:inline-block;transition:transform .2s}.center{align-items:center;justify-content:center}.button{background-color:#121213;border:1px solid rgba(var(--card-border-rgb),.15);border-radius:4px;padding:.5rem 1.2rem;text-align:center;transition:background .2s,border .2s;width:auto}@media (hover:hover) and (pointer:fine){.button:hover{background:#1c1c21;border:1px solid #829be7;cursor:pointer}.disable:hover{border:1px solid rgba(var(--card-border-rgb),.15);cursor:not-allowed!important}}.parent{display:flex;flex:1 1 auto;flex-flow:wrap;height:100dvh}.boxes{justify-content:center;text-align:center}.hiding{display:none}@media screen and (max-width:869px){.card{height:100dvh}.hide{display:none}.hiding{display:block}}.flexGrid{display:flex;flex-flow:row wrap;gap:10px;overflow-y:auto}.flex{flex:1 1 auto}.projectCard{background-color:rgba(34,34,38,.3);border:1px solid rgba(255,255,255,.05);border-radius:12px;height:150px;width:320px;position:relative;text-align:center;transition:all .25s ease-in-out;margin:10px}.projectCard:hover{background-color:rgba(255,97,97,.2);cursor:pointer}.projectTitle{display:flex;flex-direction:row;font-size:19px;font-weight:800;gap:3px;margin-left:20px;margin-top:8px;text-align:left}.img,.projectTitle{border-radius:9999px}.projectDesc{color:rgba(255,255,255,.7);margin-left:20px;position:absolute;top:40px;word-wrap:normal;text-align:left}.projectDesc,.projectTags{margin-top:4px;font-size:12px}.projectTags{align-items:center;border-radius:6px;float:left;font-weight:600;height:-moz-fit-content;height:fit-content;margin-bottom:6px;margin-left:7.7px;padding:4px 8px;background-color:rgba(0,0,0,.2);transition:opacity .25s ease-in-out}.projectTags:hover{opacity:.8}.tags{bottom:25px;left:12px;position:absolute}.projectFooter{bottom:5px;color:rgba(255,255,255,.7);font-size:11px;margin-left:20px;position:absolute;text-align:left}.flags{position:absolute;top:12px;right:12px;display:flex;gap:8px}.flag{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;background-color:rgba(0,0,0,.2)}.gameCard{position:relative;background-color:rgba(34,34,38,.3);border:1px solid rgba(255,255,255,.05);border-radius:12px;height:-moz-fit-content;height:fit-content;max-width:97%;width:335px;padding:6px;margin:4px;transition:all .25s ease-in-out}.gameCard:hover{background-color:rgba(26,188,156,.2);cursor:pointer}.lyricsBox,.recentGamesBox,.wakaBox{background-color:rgba(34,34,38,.3);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;margin:10px;transition:all .25s ease-in-out}.boxTitle{font-size:18px;margin-bottom:12px}.boxContent{font-size:14px}.gameIcon{padding:5px 0 0 5px;width:25%;height:100%;float:left;border-radius:12px}.gameTitle{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:5px 10px 0 5px;font-size:15px}.gameTitle,.gameYear{display:flex;flex-direction:row;float:left}.gameYear{margin:5px 0 0;font-size:12px;background-color:rgba(var(--card-rgb));padding:2px;border-radius:2px}.gameLink{position:relative;float:right;font-size:20px;padding:3px}.gameRate{float:left;font-size:13px;margin:0 0 0 5px}.gameTag{margin:5px 0 0 5px;font-size:10px;float:left;background-color:rgba(var(--card-rgb));padding:2px;border-radius:2px}.gameProgress{width:90px;font-size:13px}.wakaCard{position:relative;background:#121213;border:1px solid rgba(var(--card-border-rgb),.15);border-radius:5px;max-height:85px;transition:background .2s,border .2s;height:-moz-fit-content;height:fit-content;max-width:97%;width:335px;padding:0 5px 5px 0}.wakaCard:hover{background:rgba(var(--card-rgb),.1);cursor:pointer}.wakaBg{width:100%;object-fit:cover;height:100%;filter:blur(3.5px);z-index:1}.wakaHours{position:absolute;color:white;z-index:1;top:18px;left:0;right:0;margin-left:auto;margin-right:auto;width:170px}.mgCard{position:relative;background:#121213;border:1px solid rgba(var(--card-border-rgb),.15);border-radius:5px;max-height:95px;transition:background .2s,border .2s;height:-moz-fit-content;height:fit-content;max-width:97%;width:335px;padding:0 5px 5px 0;height:90px}.mgCard:hover{background:rgba(var(--card-rgb),.1);cursor:pointer}.mgBg{width:100%;object-fit:cover;height:100%;filter:blur(3.5px);z-index:1}.mgDesc{font-size:20px;position:absolute;color:white;z-index:1;top:18px;left:0;right:0;margin-left:auto;margin-right:auto;width:170px}.divider{background-color:hsla(0,0%,100%,.2);height:1.5px;margin-bottom:10px;margin-top:10px;width:99%}.Blue{background-image:linear-gradient(90deg,#83a5d7,#684179);color:transparent;-webkit-background-clip:text;background-clip:text}.spotify{color:#1ed760}.lastFMTop{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:row;margin:5px 10px 0 5px;font-size:12px;float:left}.lastFMTitle{margin:7px 0 0 5px;font-weight:-1000;font-size:13px}.lastFMArtist{margin:5px 0 0 5px;font-size:13px;color:#959494}.musicIcon{margin-top:-2px;margin-right:5px}@media (max-width:869px){.sizing{text-wrap:pretty;font-size:15px;margin-right:1.5px;text-align:center}.projectTags{align-items:center;border-radius:3px;float:left;font-size:12px;font-weight:600;height:-moz-fit-content;height:fit-content;margin-bottom:6px;margin-left:8px;margin-top:4px;padding:2px;text-align:left;text-align:center;width:-moz-fit-content;width:fit-content}.description{margin-left:10px}.centered{align-items:center;justify-content:center}.sliderSide{width:182px}.sliderSide,.sliderSideSecondary{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;border:1px solid rgba(255,255,255,.05);border-radius:16px;width:50px;margin-bottom:5px;padding:5px 0;position:relative}.sliderSideSecondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(23,23,23,.3);border-radius:16px;z-index:-1}}.dividerUp{background-color:hsla(0,0%,100%,.2);width:1.5px;margin-right:10px;margin-left:10px}.settingsCard{width:300px}.settingsCard,.settingsCardM{background:#222226;color:white;border:2px solid #000;border-radius:5px;height:165px;position:relative;text-align:center;transition:.2s,border .2s}.settingsCardM{width:250px}.settingsInput{display:flex;flex-direction:row;font-size:15px;font-weight:800;gap:3px;margin-left:10px;margin-top:8px;text-align:left}.colors{font-size:9px;width:60px}.colors,.colorsM{font-style:bold;height:40px;border-radius:5%;background-color:#e65959}.colorsM{font-size:7.8px;width:50px}.colors:hover,.colorsM:hover{border:2px solid #00ffcc;transition:all .2s;cursor:pointer}.BirthdayDiv{color:white;z-index:1000;font-size:12px;padding:15px 5px;margin-left:10.5px;margin-top:44px;width:-moz-fit-content;width:fit-content;position:absolute;border-radius:7px;max-height:-moz-fit-content;max-height:fit-content;opacity:.85;background:#121213;text-align:center;border:1px solid rgba(var(--card-border-rgb),.15)}@keyframes confettiRain{0%{opacity:1;margin-top:-100vh}to{opacity:0;margin-top:15.5vh}}.confetti{opacity:0;position:absolute;width:.8rem;height:1.5rem;transition:.5s ease;animation:confettiRain 5s infinite}#confetti-wrapper{overflow:hidden!important}.infoContainer{width:750px;margin-top:12px;padding-left:24px}@media (max-width:869px){.infoContainer{width:calc(100% - 24px);max-width:500px;margin:12px auto;padding-left:0}.topBoxesContainer{flex-direction:column;gap:8px}.lyricsBox,.wakaBox{width:100%;overflow:hidden}.boxContent{overflow-x:auto}}.container{margin-left:65px;margin-top:15px;--uib-size:45px;--uib-color:#8e44ad;--uib-speed:1.75s;--uib-bg-opacity:0.1;height:40px;width:60px;transform-origin:center;overflow:visible}.car{stroke:rgb(var(--card-rgb));stroke-dasharray:100;stroke-dashoffset:0;animation:travel var(--uib-speed) ease-in-out infinite,fade var(--uib-speed) ease-out infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s ease}.car,.track{stroke-linecap:round;stroke-linejoin:round}.track{stroke:rgb(var(--card-rgb));opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:100}75%{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}20%,55%{opacity:1}to{opacity:0}}.songTag{margin:5px 0 0 5px;font-size:10px;float:left;-webkit-text-decoration:solid;text-decoration:solid;background-color:#1e1e1e;padding:2px;border-radius:2px}.sliderSide{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;border:1px solid rgba(255,255,255,.05);border-radius:16px;width:60px;margin-right:10px;padding:5px 0;position:relative}.sliderSide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(23,23,23,.3);border-radius:16px;z-index:-1}.sliderSide .line{position:absolute;width:30px;height:1.5px;background:linear-gradient(90deg,rgba(56,189,248,0),#38bdf8 51.56%,rgba(56,189,248,0));border-radius:20px;transform:translateY(-50%);top:50%;opacity:.2}.sliderSide .navigation{flex-direction:column;height:100%;width:100%}.sliderSide .navigation,.sliderSideSecondary{display:flex;align-items:center;justify-content:center}.sliderSideSecondary{background-color:transparent;border:1px solid rgba(255,255,255,.05);border-radius:16px;width:60px;height:50px;padding:0;margin-right:10px;position:relative}.sliderSideSecondary .dot{margin:0;display:flex;align-items:center;justify-content:center}.sliderSideSecondary .dot img{margin:0!important}.sliderSideSecondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(23,23,23,.3);border-radius:16px;z-index:-1}@media (max-width:1280px){.sliderSideSecondary{width:80px;margin:0 auto;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100}}.dot{display:flex;align-items:center;justify-content:center;background-color:rgba(34,34,38,.3);border:1px solid rgba(255,255,255,.05);border-radius:12px;height:30px;width:30px;transition:all .25s ease-in-out}.dot img{opacity:.8}.dot.high,.dot:hover,.home.high,.home:hover{background-color:rgba(142,68,173,.3);transition:.25s ease-in-out}.settings.high,.settings:hover{background-color:rgba(29,28,28,.3);cursor:pointer;transition:.25s ease-in-out}.projects.high,.projects:hover{background-color:rgba(255,97,97,.3);transition:.25s ease-in-out}.info.high,.info:hover{background-color:rgba(26,188,156,.3);transition:.25s ease-in-out}.mobileSliderSide{display:none}.socialLinks{justify-content:center;background-color:transparent;border:1px solid rgba(255,255,255,.05);border-radius:16px;width:200px;height:50px;margin:0 auto;padding:0 10px;position:relative;justify-content:space-evenly;width:100%}.socialLinks,.socialLinks>div{display:flex;align-items:center}.socialLinks>div{justify-content:center}.socialLinks:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(23,23,23,.3);border-radius:16px;z-index:-1}@media (max-width:869px){.sliderSide{display:none}.mobileSliderSide{display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid rgba(255,255,255,.05);border-radius:16px;width:200px;height:50px;margin:0 auto;padding:0 10px;position:relative}.mobileSliderSide .navigation{display:flex;align-items:center;justify-content:space-evenly;width:100%}.mobileSliderSide .navigation>div{display:flex;align-items:center;justify-content:center}.mobileSliderSide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(23,23,23,.3);border-radius:16px;z-index:-1}}.projectTooltip{display:flex;gap:8px;padding:4px}.tooltipButton{background-color:rgba(44,44,49,.8);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:6px 12px;color:rgba(255,255,255,.9);font-size:13px;font-weight:500;transition:all .25s ease-in-out}.tooltipButton:hover:not(:disabled){background-color:rgba(255,97,97,.2);cursor:pointer}.tooltipButton:disabled{opacity:.5;cursor:not-allowed;background-color:rgba(34,34,38,.15)}.topBoxesContainer{display:flex;gap:12px;margin-bottom:12px;width:100%}@media (max-width:869px){.topBoxesContainer{flex-direction:column;gap:8px}.lyricsBox,.wakaBox{width:100%}}.lyricsBox,.wakaBox{flex:1 1;min-width:0}.lyricsBox,.recentGamesBox,.wakaBox{background-color:rgba(34,34,38,.3);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;transition:all .25s ease-in-out}.recentGamesBox{margin-bottom:8px}.lyricsBox:hover{background-color:rgba(88,101,242,.2)}.wakaBox:hover{background-color:rgba(255,97,97,.2)}.recentGamesBox:hover{background-color:rgba(26,188,156,.2)}.boxTitle{font-size:16px;font-weight:600;margin-bottom:8px;color:rgba(255,255,255,.9)}.boxContent{color:rgba(255,255,255,.7);font-size:13px}.embedImage{position:fixed;bottom:20px;right:20px;z-index:1000;background:rgba(23,23,23,.3);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:15px;width:300px;display:none}.embedContent{display:flex;align-items:center;gap:15px}.avatarWrapper{flex-shrink:0}.avatarWrapper .avatar{border-radius:50%;border:2px solid rgba(255,255,255,.1)}.textContent{flex-grow:1}.textContent h1{font-size:1.2rem;margin:0;color:rgba(255,255,255,.9)}.textContent p{font-size:.9rem;margin:5px 0 0;color:rgba(255,255,255,.7)}@media (min-width:1280px){.embedImage{display:block}}.ratingsContainer{background-color:#303030;padding:10px;border-radius:8px;color:white}.ratingsContainer h3{margin-bottom:15px;color:white}.ratingList{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.ratingList dt{font-weight:700;color:#007bff}.ratingList dd{margin-left:0;color:white}@media (max-width:600px){.ratingList{grid-template-columns:1fr}}.starryBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;background-image:radial-gradient(circle,rgba(255,255,255,.2) .5px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.4) 1.5px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.15) .3px,transparent .6px),radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 2px);background-size:100px 100px,150px 150px,200px 200px,80px 80px,300px 300px;background-position:0 0,50px 20px,100px 80px,30px 40px,150px 60px;z-index:-2}.starryBackground:before{background:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 2px);background-size:200px 200px;animation:twinkle 3s ease-in-out infinite}.starryBackground:after,.starryBackground:before{content:"";position:absolute;width:100%;height:100%}.starryBackground:after{background:radial-gradient(circle,rgba(255,255,255,.1) .5px,transparent 1px);background-size:400px 400px;opacity:.7;z-index:-1}.shootingStarContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.shootingStar{position:absolute;height:2px;width:100px;background:linear-gradient(90deg,rgba(0,0,255,0) 0,rgba(95,145,255,.5) 50%,rgba(95,145,255,1));border-radius:999px;filter:drop-shadow(0 0 6px rgba(105,155,255,1));transform:rotate(135deg);animation:shooting 2.5s linear forwards;opacity:0}.moon{width:45px;height:45px;background:radial-gradient(circle at 60% 40%,#f8f8f8 8%,#d8d8d8 25%,#b8b8b8 45%,#989898 65%,#787878 85%);border-radius:50%;box-shadow:0 0 25px rgba(255,255,255,.35),inset 3px 3px 6px rgba(0,0,0,.25),inset -3px -3px 6px rgba(255,255,255,.15);background-image:radial-gradient(circle at 30% 30%,rgba(80,80,80,.35) 4px,transparent 5px),radial-gradient(circle at 70% 20%,rgba(80,80,80,.3) 2.5px,transparent 3.5px),radial-gradient(circle at 20% 80%,rgba(80,80,80,.25) 3px,transparent 4px),radial-gradient(circle at 80% 70%,rgba(80,80,80,.2) 1.5px,transparent 2.5px),radial-gradient(circle at 50% 50%,rgba(80,80,80,.15) 2px,transparent 3px);z-index:0}.comet,.moon{position:absolute}.comet{height:7px;width:300px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(162,105,184,.7) 50%,rgb(115,53,145));border-radius:999px;filter:drop-shadow(0 0 6px rgb(188,105,255));animation:cometFlight linear forwards;opacity:0}.planet1{width:60px;height:60px;top:70vh;left:80vw;background:radial-gradient(circle at 40% 40%,#4a90e2 10%,#2e6ba5 25%,#1e4a73 40%,#0a2a43 60%,transparent 80%);position:relative;box-shadow:0 0 20px rgba(74,144,226,.5);border-radius:50%;z-index:-1;animation:planetRotate 60s linear infinite}.planet1:before{top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5) 10%,transparent 20%),radial-gradient(circle at 70% 20%,rgba(255,255,255,.4) 8%,transparent 18%),radial-gradient(circle at 20% 70%,rgba(255,255,255,.3) 7%,transparent 16%);z-index:1;animation:cloudShift 20s linear infinite}.planet1:after,.planet1:before{content:"";position:absolute;border-radius:50%}.planet1:after{top:15%;left:15%;width:70%;height:70%;background:radial-gradient(circle at 40% 40%,rgba(34,139,34,.4) 12%,rgba(139,69,19,.3) 30%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(34,139,34,.3) 10%,transparent 25%);z-index:2;animation:landShift 25s linear infinite}.planet2{width:80px;height:80px;top:20vh;left:15vw;background:radial-gradient(circle at 40% 40%,#d2691e 10%,#a0522d 30%,#8b4513 50%,#5c2e0a 70%,transparent 80%);box-shadow:0 0 25px rgba(210,105,30,.6);position:relative;border-radius:50%;overflow:hidden;animation:planetRotate 75s linear infinite;z-index:0}.planet2:after{content:"";position:absolute;top:50%;left:50%;width:150px;height:25px;background:linear-gradient(45deg,rgba(255,255,255,.15),rgba(255,215,0,.1) 30%,rgba(255,255,255,.05) 60%,transparent 80%),radial-gradient(ellipse at 30% 50%,rgba(255,165,0,.08) 0,transparent 50%);border:2px solid rgba(255,255,255,.25);border-radius:50%/100% 100% 8% 8%;transform:translate(-50%,-50%) rotate(20deg);filter:blur(3px);box-shadow:0 0 20px rgba(255,215,0,.2);z-index:-2;animation:ringRotate 30s linear infinite reverse}@keyframes cometFlight{0%{opacity:1;transform:translateX(0) translateY(0) rotate(390deg)}10%{opacity:1}to{opacity:0;transform:translateX(100vw) translateY(100vh) rotate(390deg)}}@keyframes shooting{0%{opacity:1;transform:translateX(0) translateY(0) rotate(135deg)}10%{opacity:1}to{opacity:0;transform:translateX(-500px) translateY(500px) rotate(135deg)}}@keyframes cloudShift{0%{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(-5%,5%) scale(1.02);opacity:.25}50%{transform:translate(5%,-5%) scale(1);opacity:.3}75%{transform:translate(0) scale(.98);opacity:.35}to{transform:translate(0) scale(1);opacity:.3}}@keyframes landShift{0%{transform:translate(0) scale(1);opacity:.2}25%{transform:translate(3%,-3%) scale(1.01);opacity:.15}50%{transform:translate(-3%,3%) scale(1);opacity:.2}75%{transform:translate(0) scale(.99);opacity:.18}to{transform:translate(0) scale(1);opacity:.2}}@keyframes planetRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(20deg)}to{transform:translate(-50%,-50%) rotate(380deg)}}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:600px){.moon{width:30px;height:30px}.planet1{width:40px;height:40px}.planet2{width:50px;height:50px}.planet2:after{width:80px;height:15px}}@media (prefers-reduced-motion:reduce){.comet,.shootingStar{animation:none}.moon{display:none}.planet1,.planet2{animation:none}}