.page_main__GlU4n{flex-direction:column;margin:60px auto;max-width:1000px}.page_main__GlU4n,.page_solarSystemContainer__2PiHf{display:flex;align-items:center;justify-content:center}.page_solarSystemContainer__2PiHf{height:500px;width:700px}:root{--dark-color:#000;--glossy-primary:#ae0cf5;--hidden-primary:rgba(174,12,245,0);--light-primary:rgba(174,12,245,.5);--glossy-secondary:#00dcff;--hidden-secondary:rgba(0,220,255,0);--light-secondary:rgba(0,220,255,.5);--paths-theme:var(--very-light-primary) var(--glossy-primary);--planets-theme:var(--light-primary) var(--light-primary) var(--light-primary) var(--glossy-primary);--very-light-primary:rgba(196,75,249,.25)}*,:after,:before{box-sizing:border-box;padding:0;margin:0}body{overflow:hidden;background-color:var(--dark-color)}body #solar-system{display:flex;width:100vw;height:100vh;transform:skewX(-45deg) scale(.7);transform-origin:center;justify-content:center;align-items:center}section #sun{position:fixed;z-index:100;width:174.085px;height:174.085px;transform:skewX(45deg);border-radius:50%;background:var(--glossy-secondary);background:linear-gradient(135deg,var(--glossy-secondary) 20%,var(--hidden-secondary) 100%);-webkit-background:linear-gradient(135deg,var(--glossy-primary) 20%,var(--hidden-primary) 100%);-moz-background:linear-gradient(135deg,var(--glossy-primary) 20%,var(--hidden-primary) 100%);-o-background:linear-gradient(135deg,var(--glossy-primary) 20%,var(--hidden-primary) 100%);-ms-background:linear-gradient(135deg,var(--glossy-primary) 20%,var(--hidden-primary) 100%);filter:drop-shadow(0 0 2rem var(--glossy-primary)) blur(1px);-webkit-filter:drop-shadow(0 0 2rem var(--glossy-primary)) blur(1px);-moz-filter:drop-shadow(0 0 2rem var(--glossy-primary)) blur(1px);-o-filter:drop-shadow(0 0 2rem var(--glossy-primary)) blur(1px);-ms-filter:drop-shadow(0 0 2rem var(--glossy-primary)) blur(1px)}article #mercury{top:38px;width:24.397px;height:24.397px;animation:planets-rotation 29.3225s linear infinite}article #mercury,article #venus{position:fixed;z-index:99;display:flex;border-width:2px;border-style:solid;border-color:var(--planets-theme);border-radius:50%;background:var(--hidden-primary);justify-content:center;align-items:center}article #venus{top:15px;width:60.518px;height:60.518px;animation:planets-rotation 121.513s linear infinite}article #earth{position:fixed;z-index:99;top:35px;display:flex;width:63.71px;height:63.71px;animation:planets-rotation .4874s linear infinite;border-width:2px;border-style:solid;border-color:var(--planets-theme);border-radius:50%;background:var(--hidden-primary);justify-content:center;align-items:center}article #earth:after{position:inherit;width:40%;height:40%;content:"";animation:earth-blinking 2s linear infinite;border-radius:inherit;background:var(--glossy-primary);-moz-filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px);-o-filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px);-ms-filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px);filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px)}article #mars{position:fixed;z-index:99;top:288px;display:flex;width:33.895px;height:33.895px;animation:planets-rotation .5128s linear infinite;border-width:2px;border-style:solid;border-color:var(--planets-theme);border-radius:50%;background:var(--hidden-primary);justify-content:center;align-items:center}article #mars:after,article #mercury:after,article #venus:after{width:40%;height:40%;content:"";border-radius:inherit;background:var(--glossy-primary);-moz-filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px);-o-filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px);-ms-filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px);filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px)}section #mercury-trajectory{width:203.085px;height:203.085px;animation:solar-revolution 43.9845s linear infinite}section #mercury-trajectory,section #venus-trajectory{position:fixed;z-index:98;border-width:2px;border-style:solid;border-color:var(--paths-theme);border-radius:50%}section #venus-trajectory{width:257.085px;height:257.085px;animation:solar-revolution 112.3335s linear infinite}section #earth-trajectory{width:332.085px;height:332.085px;animation:solar-revolution 182.6211s linear infinite}section #earth-trajectory,section #mars-trajectory{position:fixed;z-index:98;border-width:2px;border-style:solid;border-color:var(--paths-theme);border-radius:50%}section #mars-trajectory{width:446.085px;height:446.085px;animation:solar-revolution 343.4425s linear infinite}@keyframes solar-revolution{to{transform:rotate(1turn)}}@keyframes planets-rotation{to{transform:rotate(1turn)}}@keyframes earth-blinking{0%{background-color:var(--glossy-primary);filter:drop-shadow(0 0 .3rem var(--light-primary)) blur(.5px)}to{background-color:var(--dark-color);filter:drop-shadow(0 0 0 var(--light-primary)) blur(0)}}@media only screen and (max-width:768px){section #sun{width:87.0425px;height:87.0425px}section #mercury-trajectory{width:101.5425px;height:101.5425px}article #mercury{top:17px;width:12.1985px;height:12.1985px}section #venus-trajectory{width:128.5425px;height:128.5425px}article #venus{top:6px;width:30.259px;height:30.259px}section #earth-trajectory{width:166.0425px;height:166.0425px}article #earth{top:16px;width:31.855px;height:31.855px}section #mars-trajectory{width:223.0425px;height:223.0425px}article #mars{top:56px;width:16.9475px;height:16.9475px}}@media only screen and (min-width:1921px){section #sun{width:348.17px;height:348.17px}section #mercury-trajectory{width:406.17px;height:406.17px}article #mercury{top:82px;width:48.794px;height:48.794px}section #venus-trajectory{width:514.17px;height:514.17px}article #venus{top:28px;width:121.036px;height:121.036px}section #earth-trajectory{width:664.17px;height:664.17px}article #earth{top:68px;width:127.42px;height:127.42px}section #mars-trajectory{width:892.14px;height:892.14px}article #mars{top:242px;width:67.79px;height:67.79px}}