@import"https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap";.content{width:300px;height:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center}.content,.content .planet{display:flex;align-items:center}.content .planet{width:65%;height:65%;background-color:#546c8c;border-radius:100%;position:absolute;transform-origin:center center;box-shadow:inset 2px -10px 0 rgba(0,0,0,.1);animation:planet 5s ease infinite alternate}@keyframes planet{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.content .planet .ring{position:absolute;width:300px;height:300px;border-radius:100%;background-color:#bacbd9;display:flex;align-items:center;justify-content:center;transform-origin:33% center;box-shadow:2px -10px 0 rgba(0,0,0,.1),inset -5px -10px 0 rgba(0,0,0,.1);animation:ring 3s ease infinite}@keyframes ring{0%{transform:rotateX(110deg) rotate(0deg) translate(-50px,5px)}to{transform:rotateX(110deg) rotate(1turn) translate(-50px,5px)}}.content .planet .ring:before{width:10px;height:30px;z-index:2;left:-5px;box-shadow:inset -3px 3px 0 rgba(0,0,0,.2)}.content .planet .ring:after,.content .planet .ring:before{content:"";position:absolute;border-radius:100%;background-color:#7ea1bf}.content .planet .ring:after{width:240px;height:240px;box-shadow:inset 2px -10px 0 rgba(0,0,0,.1)}.content .planet .cover-ring{position:absolute;width:100%;height:50%;border-bottom-left-radius:80%;border-bottom-right-radius:80%;border-top-left-radius:100px;border-top-right-radius:100px;transform:translateY(-17px);background-color:#546c8c;z-index:2;box-shadow:inset 0 -2px 0 rgba(0,0,0,.1)}.content .planet .spots{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.content .planet .spots span{width:30px;height:30px;background-color:#3c4359;position:absolute;border-radius:100%;box-shadow:inset -2px 3px 0 rgba(0,0,0,.3);animation:dots 5s ease infinite alternate}@keyframes dots{0%{box-shadow:inset -3px 3px 0 rgba(0,0,0,.3)}to{box-shadow:inset 3px 3px 0 rgba(0,0,0,.3)}}.content .planet .spots span:first-child{top:20px;right:50px}.content .planet .spots span:nth-child(2){top:40px;left:50px;width:15px;height:15px}.content .planet .spots span:nth-child(3){top:80px;left:20px;width:25px;height:25px}.content .planet .spots span:nth-child(4){top:80px;left:90px;width:40px;height:40px}.content .planet .spots span:nth-child(5){top:160px;left:70px;width:15px;height:15px}.content .planet .spots span:nth-child(6){top:165px;left:125px;width:10px;height:10px}.content .planet .spots span:nth-child(7){top:90px;left:150px;width:15px;height:15px}.content p{color:#bacbd9;font-size:14px;z-index:2;position:absolute;bottom:-20px;font-family:Roboto Mono,monospace;animation:text 4s ease infinite;width:100px;text-align:center}@keyframes text{0%{transform:translateX(-30px);letter-spacing:0;color:#bacbd9}25%{letter-spacing:3px;color:#7ea1bf}50%{transform:translateX(30px);letter-spacing:0;color:#bacbd9}75%{letter-spacing:3px;color:#7ea1bf}to{transform:translateX(-30px);letter-spacing:0;color:#bacbd9}}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b1f344208eb4edfe-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/48e2044251ef3125-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/bf24a9759715e608-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1f173e5e25f3efee-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_fed136;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_Fallback_fed136;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_fed136{font-family:__Montserrat_fed136,__Montserrat_Fallback_fed136;font-style:normal}