.background-parallax{position:relative;min-height:100vh}.background-parallax .parallax{min-height:100vh;max-height:100vh;position:fixed;top:0;left:0;width:100%;height:inherit;background-repeat:repeat-y;background-size:100% auto;background-position:top;z-index:0;pointer-events:none;transform:translateY(0);will-change:transform}.background-parallax .content{position:relative;width:100%;color:#fff}.background-parallax .content>div{padding-left:120px;padding-right:120px}.stars-background{position:fixed;pointer-events:none}.stars-background,.stars-background #tsparticles{top:0;left:0;width:100%;height:100%;background:transparent}.stars-background #tsparticles{position:absolute;height:100lvh;min-height:100svh}.planet-container{position:fixed;width:10px;height:10px;top:50%;right:0;will-change:transform}.planet-container .planet{position:relative;top:-40vh;left:-40vh;width:80vh;height:80vh;max-width:80%;border-radius:50%;filter:drop-shadow(0 0 200px rgba(var(--color-light-rgb),.15))}.planet-container .planet .rings{width:80vh;height:80vh;border-radius:50%;will-change:transform;transform:translateZ(0);background:radial-gradient(ellipse at center,transparent 0 33%,#373634 33% 33.75%,transparent 33.75% 34%,#373634 34% 34.75%,transparent 34.75% 35%,#373634 35% 37%,#383735 37% 38%,#444342 38% 39%,#383735 39% 39.75%,transparent 39.75% 40%,#383735 40% 40.5%,transparent 40.5% 41%,#574d4c 41% 42%,#574d4c 42% 44%,#716e67 44% 45.75%,transparent 45.75% 46%,#716e67 46% 48%,#71625d 48% 48.75%,transparent 48.75% 46%,#71625d 49% 50.75%,transparent 50.75% 51%,#7a7369 51% 51.75%,transparent 51.75% 52%,#71625d 52% 52.75%,transparent 52.75% 53%,#71625d 53% 53.75%,transparent 53.75% 54%,#7a7369 54% 54.75%,#6a6359 55% 56%,#6a6359 56% 56.75%,transparent 56.75% 57%,#6a6359 57% 58%,transparent 58% 60%,#414046 60% 60.75%,transparent 60.75% 61%,#414046 61% 62%,#5a5559 62% 63%,#4e4a49 63% 65%,#4e494a 65% 67%,transparent 67% 68%,#4e494b 68% 69%,#4e494b 69% 70%,transparent 70% 100%);position:relative;isolation:isolate}.planet-container .planet .rings .moon{position:absolute;border-radius:50%;height:100%;width:100%;will-change:transform;transform:translateZ(0);animation-iteration-count:infinite;animation-timing-function:linear}.planet-container .planet .rings .moon.pandora{animation-name:rotate-pandora;animation-duration:40s}.planet-container .planet .rings .moon.pandora:before{position:absolute;content:"";top:25%;left:25%;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#908c82,#d7c49b)}.planet-container .planet .rings .moon.prometheus{animation-name:rotate-prometheus;animation-duration:52s}.planet-container .planet .rings .moon.prometheus:before{position:absolute;content:"";top:26%;left:26%;width:2px;height:2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#716859,#c0b2a2)}.planet-container .planet .rings .moon.epimeteus{animation-name:rotate-epimeteus;animation-duration:57s}.planet-container .planet .rings .moon.epimeteus:before{position:absolute;content:"";top:23%;left:23%;width:2px;height:2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#605543,#c0b2a2)}.planet-container .planet .rings .moon.janus{animation-name:rotate-janus;animation-duration:59s}.planet-container .planet .rings .moon.janus:before{position:absolute;content:"";top:23%;left:23%;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#716f6b,#c0b2a2)}.planet-container .planet .rings .moon.mimas{animation-name:rotate-mimas;animation-duration:62s}.planet-container .planet .rings .moon.mimas:before{position:absolute;content:"";top:20%;left:20%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d3d2d0,#d7c49b)}.planet-container .planet .rings .moon.methone{animation-name:rotate-methone;animation-duration:69s}.planet-container .planet .rings .moon.methone:before{position:absolute;content:"";top:18%;left:18%;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c0bbb1,#d7c49b)}.planet-container .planet .rings .moon.enceladus{animation-name:rotate-enceladus;animation-duration:74s}.planet-container .planet .rings .moon.enceladus:before{position:absolute;content:"";top:15%;left:15%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#b8b0a4,#c0b2a2)}.planet-container .planet .rings .moon.tethys{animation-name:rotate-tethys;animation-duration:80s}.planet-container .planet .rings .moon.tethys:before{position:absolute;content:"";top:13%;left:13%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#b8b0a4,#b1a89e)}.planet-container .planet .rings .moon.calypso{animation-name:rotate-calypso;animation-duration:81s}.planet-container .planet .rings .moon.calypso:before{position:absolute;content:"";top:13%;left:13%;width:2px;height:2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#827c6e,#d7c49b)}.planet-container .planet .rings .moon.helene{animation-name:rotate-helene;animation-duration:89s}.planet-container .planet .rings .moon.helene:before{position:absolute;content:"";top:9%;left:9%;width:2px;height:2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#45413c,#c0b2a2)}.planet-container .planet .rings .moon.dione{animation-name:rotate-dione;animation-duration:90s}.planet-container .planet .rings .moon.dione:before{position:absolute;content:"";top:9%;left:9%;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#b8b0a4,#8d8986)}.planet-container .planet .rings .moon.rhea{animation-name:rotate-rhea;animation-duration:97s}.planet-container .planet .rings .moon.rhea:before{position:absolute;content:"";top:5%;left:5%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a9a08c,#d7c49b)}.planet-container .planet .rings .moon.titan{animation-name:rotate-titan;animation-duration:125s}.planet-container .planet .rings .moon.titan:before{position:absolute;content:"";top:-1%;left:-1%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d6b57e,#a47d4e)}.planet-container .planet .rings .moon.hyperion{animation-name:rotate-hyperion;animation-duration:185s}.planet-container .planet .rings .moon.hyperion:before{position:absolute;content:"";top:-4%;left:-4%;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#cbc7c0,#d7c49b)}.planet-container .planet .rings .moon.iapetus{animation-name:rotate-iapetus;animation-duration:120s}.planet-container .planet .rings .moon.iapetus:before{position:absolute;content:"";top:-15%;left:-15%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d7c49b,#ae9c88)}.planet-container .planet .saturn{position:absolute;top:40vh;left:40vh;transform:translate(-50%,-50%) translateZ(0);width:30vh;height:30vh;border-radius:50%;will-change:transform;overflow:hidden;background:-webkit-radial-gradient(left,circle cover,transparent 0,transparent 40%,#000 100%),-webkit-radial-gradient(center,ellipse cover,transparent 0,transparent 62%,#000 100%),-webkit-radial-gradient(center,#838175 0,#838175 3%,#969082 5%,#969082 9%,#beb191 20%,#beb191 32%,#cab099 35%,#cab099 47%,#cdba9c 48%,#cdba9c 49%,#d3b89d 51%,#d3b89d 59%,#dabca2 61%,#dabca2 63%,#d0b49e 64%,#d0b49e 68%,#d5b58f 74%,#d5b58f 78%,#ddcb9d 83%,#ddcb9d 85%,#d4cbae 90%,#d4cbae 100%)}@keyframes rotate-pandora{0%{transform:rotate(305deg)}to{transform:rotate(-55deg)}}@keyframes rotate-prometheus{0%{transform:rotate(275deg)}to{transform:rotate(-85deg)}}@keyframes rotate-epimeteus{0%{transform:rotate(210deg)}to{transform:rotate(-150deg)}}@keyframes rotate-janus{0%{transform:rotate(110deg)}to{transform:rotate(-250deg)}}@keyframes rotate-mimas{0%{transform:rotate(530deg)}to{transform:rotate(170deg)}}@keyframes rotate-methone{0%{transform:rotate(185deg)}to{transform:rotate(-175deg)}}@keyframes rotate-enceladus{0%{transform:rotate(580deg)}to{transform:rotate(220deg)}}@keyframes rotate-tethys{0%{transform:rotate(400deg)}to{transform:rotate(40deg)}}@keyframes rotate-calypso{0%{transform:rotate(90deg)}to{transform:rotate(-270deg)}}@keyframes rotate-helene{0%{transform:rotate(520deg)}to{transform:rotate(260deg)}}@keyframes rotate-dione{0%{transform:rotate(315deg)}to{transform:rotate(-45deg)}}@keyframes rotate-rhea{0%{transform:rotate(455deg)}to{transform:rotate(95deg)}}@keyframes rotate-titan{0%{transform:rotate(245deg)}to{transform:rotate(-115deg)}}@keyframes rotate-hyperion{0%{transform:rotate(195deg)}to{transform:rotate(-165deg)}}@keyframes rotate-iapetus{0%{transform:rotate(330deg)}to{transform:rotate(-30deg)}}