@import url(https://fonts.cdnfonts.com/css/earth-orbiter);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;background-image:url(/static/media/background.2dfdb4a3d0e55b6d483a.jpg);background-repeat:no-repeat;background-size:cover;overflow-x:hidden;overflow-y:scroll}.App{color:#fff;font-family:Earth Orbiter,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;overflow:visible;text-align:center}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#171717}::-webkit-scrollbar-thumb{background:#383838;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4d4d4d}h1{color:#fff;font-family:Earth Orbiter Title,sans-serif;font-size:2.5rem;padding:30px;text-shadow:1px 1px 8px rgba(255,255,0,.644)}.spinning{-webkit-animation:title_spin 2s linear infinite;animation:title_spin 2s linear infinite;border-radius:50%;box-shadow:inset 2px 0 2px -1px #fff;height:80px;left:50%;opacity:.8;position:absolute;top:10px;width:80px}.spining__planet{background-color:#fff;border-radius:50%;box-shadow:inset 2px 2px 8px #000;height:16px;-webkit-transform:translate(100%);transform:translate(100%);width:16px}@media screen and (min-width:1024px){h1{font-size:4rem}.spinning{height:100px;width:100px}}@-webkit-keyframes title_spin{0%{-webkit-transform:skew(-30deg) rotate(0deg);transform:skew(-30deg) rotate(0deg)}to{-webkit-transform:skew(-30deg) rotate(1turn);transform:skew(-30deg) rotate(1turn)}}@keyframes title_spin{0%{-webkit-transform:skew(-30deg) rotate(0deg);transform:skew(-30deg) rotate(0deg)}to{-webkit-transform:skew(-30deg) rotate(1turn);transform:skew(-30deg) rotate(1turn)}}.missions__section{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-evenly;margin:50px 0}.Missions{background-color:rgba(0,0,0,.464);background-image:url(/static/media/background.2dfdb4a3d0e55b6d483a.jpg);background-size:cover;box-shadow:-2px -2px 20px hsla(0,0%,100%,.579);left:0;padding-top:20px;position:absolute;width:100%;z-index:20}.Footer{background-color:rgba(0,0,0,.9);font-size:24px;padding:20px;width:100%;z-index:50}.Footer a{color:#fff;text-decoration:none;text-shadow:1px 1px #000;transition:.3s}.Footer a:hover{color:rgba(255,255,0,.903);font-size:26px}.MissionCard{background-color:rgba(0,0,0,.5);border-radius:8px;box-shadow:2px 2px 10px hsla(0,0%,100%,.687);display:flex;flex-direction:column;gap:16px;height:220px;padding:16px;transition:.4s;width:350px}.MissionCard h3{border-bottom:1px solid #fff;font-family:Earth Orbiter Punch,sans-serif;padding:10px}.MissionCard:hover{background-color:rgba(6,6,6,.8);font-size:large;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.4s;transition-property:all}h2{border-radius:8px;font-size:2rem;padding:8px;text-shadow:1px 1px 4px #fff;transition:.45s}h2:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.SolarSystem{height:830px;position:relative}.Planets{bottom:0;display:flex;flex-direction:column-reverse;height:750px;left:calc(50% - 100px);position:absolute}.Planets:hover .radius{-webkit-animation:stopTrasnlate;animation:stopTrasnlate;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform:scale(.75);transform:scale(.75)}@-webkit-keyframes stopTrasnlate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes stopTrasnlate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.radius{border-radius:50%;bottom:-200px;box-shadow:inset -6px 0 8px -8px #fff;mix-blend-mode:lighten;position:absolute;-webkit-transform:scale(.75);transform:scale(.75)}.Planets img{-webkit-user-select:none;user-select:none}.radius img{-webkit-transform:translateY(-70%) scale(.45);transform:translateY(-70%) scale(.45);width:100px}.planet-name{-webkit-clip-path:circle(50%);clip-path:circle(50%);font-size:20px;opacity:0;-webkit-transform:translate(-75px);transform:translate(-75px);z-index:23}.Mercúrio{-webkit-animation:translate 4.7s linear infinite;animation:translate 4.7s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;height:400px;left:calc(50% - 200px);width:400px;z-index:10}.Mercúrio img{width:40px}.Vênus{-webkit-animation:translate 5.4s linear infinite;animation:translate 5.4s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s;height:500px;left:calc(50% - 250px);width:500px;z-index:9}.Vênus img{width:121px}.Terra{-webkit-animation:translate 6.8s linear infinite;animation:translate 6.8s linear infinite;-webkit-animation-delay:.7s;animation-delay:.7s;height:600px;left:calc(50% - 300px);width:600px;z-index:8}.Terra img{width:127px}.Marte{-webkit-animation:translate 9.7s linear infinite;animation:translate 9.7s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s;height:700px;left:calc(50% - 350px);width:700px;z-index:7}.Marte img{width:67px}.Júpiter{-webkit-animation:translate 13.1s linear infinite;animation:translate 13.1s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s;height:800px;left:calc(50% - 400px);width:800px;z-index:6}.Júpiter img{width:167px}.Saturno{-webkit-animation:translate 24.1s linear infinite;animation:translate 24.1s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;height:900px;left:calc(50% - 450px);width:900px;z-index:5}.Saturno img{width:200px}.Urano{-webkit-animation:translate 29.8s linear infinite;animation:translate 29.8s linear infinite;-webkit-animation-delay:1.1s;animation-delay:1.1s;height:980px;left:calc(50% - 490px);width:980px;z-index:4}.Urano img{width:60px}.Netuno{-webkit-animation:translate 35s linear infinite;animation:translate 35s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s;height:1050px;left:calc(50% - 525px);width:1050px}.Netuno img{width:60px}.radius:hover img{-webkit-transform:scale(1.5) translateY(-50%);transform:scale(1.5) translateY(-50%);transition:1s}.radius:hover .planet-name{font-size:28px;opacity:1;position:relative;right:80px;transition:.3s}@-webkit-keyframes translate{0%{-webkit-transform:scale(.75) rotate(0deg);transform:scale(.75) rotate(0deg)}to{-webkit-transform:scale(.75) rotate(-1turn);transform:scale(.75) rotate(-1turn)}}@keyframes translate{0%{-webkit-transform:scale(.75) rotate(0deg);transform:scale(.75) rotate(0deg)}to{-webkit-transform:scale(.75) rotate(-1turn);transform:scale(.75) rotate(-1turn)}}@media screen and (min-width:800px){.radius{bottom:-200px}}.Sun{background-blend-mode:difference;border-radius:20%;mix-blend-mode:lighten;pointer-events:none;position:relative;top:100px;width:200px;z-index:20}.Sun,.Sun img{-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.69b0c931.css.map*/