:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--light-text-color: rgba(234, 226, 226, 1);--background-dark-color: linear-gradient(#233164, black);--main-bloc-dark-color: rgba(0, 0, 0, .4);--main-bloc-dark-border-color: rgba(234, 226, 226, 1)}body{margin:0;display:flex;min-height:100vh;box-sizing:border-box;background:var(--background-dark-color)}#root{width:100%}.all-planet{z-index:-5;margin:0;color:#535252aa}@media screen and (width >= 992px){.all-planet{width:40%;position:absolute;top:10%;left:-5%}}.hamburger{width:2rem;height:2rem;display:flex;justify-content:space-around;flex-flow:column nowrap;z-index:9999;transition:.4s ease-in-out}.hamburger:hover{transform:scale(.95)}.hamburger:active{transform:scale(.8);transition:.4s ease-out}.burger{width:2rem;height:.25rem;border-radius:10px;background-color:#000;transform-origin:1px;transition:all .3s linear}.top-header{padding:4px 0 24px 4px}.mobile-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}@keyframes buttonEffect{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-nav button{opacity:0;animation:buttonEffect .3s ease forwards}.mobile-nav button:nth-child(1){animation-delay:.1s}.mobile-nav button:nth-child(2){animation-delay:.2s}.mobile-nav button:nth-child(3){animation-delay:.3s}.mobile-nav button:nth-child(4){animation-delay:.4s}.mobile-nav button:nth-child(5){animation-delay:.5s}.mobile-nav button:nth-child(6){animation-delay:.6s}.mobile-nav button:nth-child(7){animation-delay:.7s}.mobile-nav button:nth-child(8){animation-delay:.8s}.mobile-nav button:nth-child(9){animation-delay:.9s}.desktop-nav{display:none}button{background-color:#1f1c1c;color:#eae2e2;font-weight:700;border-radius:10px;padding:1rem 1.5rem;cursor:pointer;transition:all .5s ease-in-out;width:80px;display:flex;justify-content:center}.Mercure:hover{background-color:#8b8b8b}.Venus:hover{background-color:#e7c27d}.Terre:hover{background-color:#2e52a3}.Mars:hover{background-color:#d14a28}.Jupiter:hover{background-color:tan}.Saturne:hover{background-color:#e6c799}.Uranus:hover{background-color:#6cf}.Neptune:hover{background-color:#2d5da1}.Pluton:hover{background-color:#bfa387}button:hover{color:#000;transform:scale(.9)}button:activate{transform:scale(1)}@media screen and (min-width: 992px){.desktop-nav{display:block;display:flex;justify-content:space-evenly;gap:20px;padding:16px;flex-wrap:wrap}.hamburger,.mobile-nav{display:none}.desktop-nav button{min-width:86px;margin:0}}.planet-card{width:90%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.planet-card h2{min-width:200px;padding:1rem 0;display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--light-text-color);background-color:var(--main-bloc-dark-color);border:1px solid var(--main-bloc-dark-border-color);border-radius:1rem}.planet-card .planet-data{padding:2rem;max-width:850px;display:flex;flex-direction:column;gap:1rem;list-style:none;color:var(--light-text-color);background-color:var(--main-bloc-dark-color);border:1px solid var(--main-bloc-dark-border-color);border-radius:1rem}.planet-card .planet-data .moons-list{padding:1rem;max-height:300px;overflow-y:auto;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.planet-card .planet-data .moons-list button{margin:0;width:135px}@media screen and (width > 992px){.planet-card{flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem}.planet-card h2{padding:1rem 0}.planet-card .planet-data{min-width:650px}}ol{all:unset;aspect-ratio:1 / 1;container-type:inline-size;display:grid;width:100%}.solar-system{aspect-ratio:1 / 1;border:1px dashed;border-radius:50%;display:grid;grid-area:1 / 1;place-self:center;width:var(--d, 2cqi)}.solar-system:after{animation:rotate var(--t, 3s) linear infinite;aspect-ratio:1 / 1;background:var(--b, hsl(0, 0%, 50%));border-radius:50%;box-shadow:0 0 15px #0000004d;content:"";display:block;offset-path:content-box;width:var(--w, 2cqi)}@keyframes rotate{to{offset-distance:100%}}.sun{--b: radial-gradient(circle, #f9d71c 0%, #f9a825 50%, #f9a825 100%);--d: 10cqi;--w: 8cqi;border:0}.sun:after{animation:none;offset-path:none;place-self:center}.mercury{--b: radial-gradient(circle, #c2c2c2 0%, #8a8a8a 100%);--d: 15cqi;--t: 12.4s;--w: 2.0526cqi}.venus{--b: radial-gradient(circle, #f4d03f 0%, #c39c43 100%);--d: 25cqi;--t: 25.7s;--w: 2.6053cqi}.earth{--b: radial-gradient(circle, #3a82f7 0%, #2f9e44 80%, #1a5e20 100%);--d: 35cqi;--t: 38s;--w: 3.1579cqi}.mars{--b: radial-gradient(circle, #e57373 0%, #af4448 100%);--d: 45cqi;--t: 50.6s;--w: 3.7105cqi}.jupiter{--b: radial-gradient(circle, #d4a373 0%, #b36d32 50%, #f4e7d3 100%);--d: 60cqi;--t: 75s;--w: 4.8158cqi}.saturn{--b: radial-gradient(circle, #e6dba0 0%, #c2a13e 100%);--d: 75cqi;--t: 57s;--w: 5.3684cqi}.uranus{--b: radial-gradient(circle, #7de3f4 0%, #3ba0b5 100%);--d: 84.5cqi;--t: 61s;--w: 4.2632cqi}.neptune{--b: radial-gradient(circle, #4c6ef5 0%, #1b3b8c 100%);--d: 94cqi;--t: 240s;--w: 6cqi}