:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body{background-image:url(/assets/space2-xPJKere7.jpg);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover}.system-all{display:flex;flex-direction:row;align-items:center;position:relative;left:5%}.solar-system{width:1200px;height:600px;border:none;background-color:#00000082;border-radius:10px;position:relative;overflow:hidden;margin-left:-70px;left:100px}.content{position:relative;width:100%;height:100%;transition:transform .3s ease}.buttons,.buttons2{display:flex;flex-direction:column;align-items:flex-start;padding:10px}.button{font-size:1rem;color:#fff;font-weight:700;width:80px;height:80px;border-radius:50%;border:none;margin:10px;cursor:pointer;padding:10px;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff;background-color:#00000071}.button-selected{border:3px solid limegreen;box-shadow:0 0 10px #32cd32,0 0 15px #32cd32}.first-layer{display:flex;flex-direction:row;align-items:center}.second-layer{display:flex;flex-direction:column;align-items:flex-start;padding:10px;margin-left:-60px}.info-button{font-size:.8rem;font-weight:700;color:#fff;border:none;border-radius:15px;width:100px;height:60px;margin:10px;cursor:pointer;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff;background-color:#00000071}.button-others{display:flex;flex-direction:row}.milkyway{position:absolute;width:1500px;height:auto;top:-50%;left:-50px;transform:translate(-50%,-50%);background-color:#0000;animation:milkyWaySpin 5s linear infinite,fadeInMilkyWay 1.5s ease-in-out}@media screen and (min-width: 1600px){.solar-system{width:1500px;height:750px}}@keyframes milkyWaySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInMilkyWay{0%{opacity:0}to{opacity:1}}.sun{background-color:#ff0;width:100px;height:100px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ff0,0 0 50px #ff0,0 0 100px 20px #ff0,0 0 150px #fff}.popupS{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}.popupS .popuptext{visibility:hidden;font-size:1rem;font-weight:700;width:70px;background-color:#333232;color:#fff;text-align:center;border-radius:20px;padding:10px;position:absolute;z-index:1;bottom:110%;left:50%;margin-left:-45px}.popupS .popuptext:after{content:"";position:absolute;top:95%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:rgb(51,50,50) transparent transparent}.popupS .show{visibility:visible;animation:fadeIn 1s}.link{text-decoration:none;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mercury{background-color:#0000;width:25px;height:25px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:rotateMercury 3s linear infinite}.orbit-mercury{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitMercury 10s linear infinite}.orbit-line-mercury{border:1px dashed rgba(255,255,255,.8);padding:112.5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitMercury{0%{transform:translate(-50%,-50%) rotate(0) translate(100px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(100px)}}@keyframes rotateMercury{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.venus{background-color:#0000;width:30px;height:30px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:rotateVenus 3s linear infinite reverse}.orbit-venus{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitVenus 16s linear infinite}.orbit-line-venus{border:1px dashed rgba(255,255,255,.8);padding:165px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitVenus{0%{transform:translate(-50%,-50%) rotate(0) translate(150px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(150px)}}@keyframes rotateVenus{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.earth{background-color:#0000;width:32px;height:32px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:visible;animation:rotateEarth 7s linear infinite}.orbit-earth{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitEarth 20s linear infinite}.orbit-line-earth{border:1px dashed rgba(255,255,255,.8);padding:266px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitEarth{0%{transform:translate(-50%,-50%) rotate(0) translate(250px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(250px)}}@keyframes rotateEarth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon-orbit{position:absolute;top:50%;left:50%;transform-origin:50% 50%}.moon{width:7.5px;height:7.5px;border-radius:50%;position:absolute;top:50%;left:50%;background-color:#f6f1d5;box-shadow:0 0 20px #fff,0 0 40px 5px #fff,0 0 50px 10px #fff,0 0 70px 20px #fff;transform:translate(-50%,-50%);overflow:hidden}.orbit-moon{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitMoon 28s linear infinite}.orbit-line-moon{border:1px dashed rgba(255,255,255,.8);padding:40px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitMoon{0%{transform:translate(-50%,-50%) rotate(0) translate(40px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(40px)}}@keyframes rotateMoon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mars{background-color:#0000;width:32px;height:32px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:rotateMars 7s linear infinite}.orbit-mars{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitMars 26s linear infinite}.orbit-line-mars{border:1px dashed rgba(255,255,255,.8);padding:356px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitMars{0%{transform:translate(-50%,-50%) rotate(0) translate(340px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(340px)}}@keyframes rotateMars{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jupiter{background-color:#0000;width:80px;height:80px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:rotateJupiter 2s linear infinite}.orbit-jupiter{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitJupiter 40s linear infinite}.orbit-line-jupiter{border:1px dashed rgba(255,255,255,.8);padding:540px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitJupiter{0%{transform:translate(-50%,-50%) rotate(0) translate(500px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(500px)}}@keyframes rotateJupiter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.saturn{background-color:#0000;width:70px;height:70px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:rotateSaturn 4s linear infinite}.orbit-saturn{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitSaturn 60s linear infinite}.orbit-line-saturn{border:1px dashed rgba(255,255,255,.8);padding:685px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitSaturn{0%{transform:translate(-50%,-50%) rotate(0) translate(650px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(650px)}}@keyframes rotateSaturn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uranus{background-color:#0000;width:50px;height:50px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:rotateUranus 5s linear infinite reverse}.orbit-uranus{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitUranus 80s linear infinite}.orbit-line-uranus{border:1px dashed rgba(255,255,255,.8);padding:925px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}@keyframes orbitUranus{0%{transform:translate(-50%,-50%) rotate(0) translate(900px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(900px)}}@keyframes rotateUranus{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neptune{background-color:#0000;width:48px;height:48px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:rotateNeptune 5s linear infinite}.orbit-neptune{position:absolute;top:50%;left:50%;transform-origin:50% 50%;animation:orbitNeptune 100s linear infinite}.orbit-line-neptune{border:1px dashed rgba(255,255,255,.8);padding:1224px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}img{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes orbitNeptune{0%{transform:translate(-50%,-50%) rotate(0) translate(1200px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(1200px)}}@keyframes rotateNeptune{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{position:relative;left:-13000px;top:400px;display:flex;justify-content:center;align-items:center;z-index:1;animation:orbitBlackHole 2s linear infinite normal,directionBlackHole2 20s linear forwards}.black-hole{width:40em;height:40em}.black-hole .megna{width:100%;height:100%;border-radius:100%;background:linear-gradient(#ff4500,#ff4500,#f90);box-shadow:0 0 240px 120px #fcbd3e,0 0 400px 240px #fd7a4d,0 0 480px 360px #ff0b6b;display:flex;justify-content:center;align-items:center;filter:blur(15px);animation:pulse 15s ease-in-out;animation-fill-mode:forwards}.black-hole .black{width:90%;height:90%;border-radius:40% 40% 50% 50%;background-color:#000;animation:hole .1s linear infinite normal}@keyframes hole{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(2)}to{transform:translate(-50%,-50%) scale(4);border-radius:50% 10%}}@keyframes orbitBlackHole{0%{transform:translate(-50%,-50%) rotate(0) translate(500px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(500px)}}@keyframes directionBlackHole2{0%{left:-13000px}25%{left:-8000px}50%{left:-6000px}75%{left:-3000px}to{left:-500px}}