@-webkit-keyframes spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes spin3D{from{transform:rotate3d(.5,.5,.5,360deg)}to{transform:rotate3d(0)}}@keyframes spin3D{from{transform:rotate3d(.5,.5,.5,360deg)}to{transform:rotate3d(0)}}@-webkit-keyframes rotate{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}@-webkit-keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(247,247,247,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(247,247,247,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.mercury{background-color:#ccc;overflow:hidden;width:10px;height:10px}.mercury img{margin-bottom:5px;height:100%;width:100%}.venus{height:13px;width:13px;top:-8px!important;overflow:hidden;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.venus img{height:100%;width:100%}.earth{width:15px;height:15px;top:-8px!important;overflow:hidden;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;transform:scale(1);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.earth img{margin-bottom:5px;height:100%;width:100%}.mars{width:15px;height:15px;top:-8px!important;overflow:hidden;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:"12s";animation-duration:"12s";-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.mars img{margin-bottom:5px;height:100%;width:100%}.jupiter{width:30px;height:30px;top:-18px!important;overflow:hidden;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:"18s";animation-duration:"18s";-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.jupiter img{margin-bottom:5px;height:100%;width:100%}.saturn{width:30px;height:30px;top:-18px!important;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:40s;animation-duration:40s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.saturn img{margin-bottom:5px;height:100%;width:100%}.uranus{width:14px;height:14px;top:-5px!important;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:40s;animation-duration:40s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.uranus img{margin-bottom:5px;height:100%;width:100%}.neptune{width:17px;height:17px;top:-10px!important;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:40s;animation-duration:40s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.neptune img{margin-bottom:5px;height:100%;width:100%}.pluto{width:10px;height:10px;top:-5px!important;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:40s;animation-duration:40s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.pluto img{margin-bottom:5px;height:100%;width:100%}.sun{overflow:hidden;background-color:transparent;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sun img{width:100%;height:100%}a{text-decoration:none}.sso-1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:100;margin-top:-15px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:100%;display:flex;justify-content:center}.sso-1 .sso1-btn{width:280px;height:80px;position:relative;overflow:hidden;cursor:pointer;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;transition:border .2s ease-in-out;-webkit-transition:border .2s ease-in-out;-moz-transition:border .2s ease-in-out;-ms-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out}.sso-1 .sso1-btn:hover{border:3px solid #fadf4a}.sso-1 .sso1-btn:hover .btn-img{width:120px;right:-50px;transform:scale(2) rotate(30deg);-webkit-transform:scale(2) rotate(30deg);-moz-transform:scale(2) rotate(30deg);-ms-transform:scale(2) rotate(30deg);-o-transform:scale(2) rotate(30deg)}.sso-1 .sso1-btn:hover span{margin-right:100px;font-size:.8em;font-weight:700;color:#ed6337}.sso-1 .sso1-btn .btn-img{position:absolute;top:-30px;width:80px;right:0;z-index:0;transition:width .2s linear,transform .2s linear,right .2s linear;-webkit-transition:width .2s linear,transform .2s linear,right .2s linear;-moz-transition:width .2s linear,transform .2s linear,right .2s linear;-ms-transition:width .2s linear,transform .2s linear,right .2s linear;-o-transition:width .2s linear,transform .2s linear,right .2s linear}.sso-1 .sso1-btn .btn-img img{height:100%;width:100%}.sso-1 .sso1-btn button{cursor:pointer;position:relative;background-color:#24292e;width:100%;height:100%;outline:0;border:none;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;font-family:"Lexend Deca",sans-serif;font-size:1.5em;font-weight:bolder;color:#dee7ee}.sso-1 .sso1-btn button span{transition:margin-right .3s ease-in-out,font-size .3s ease-in-out;-webkit-transition:margin-right .3s ease-in-out,font-size .3s ease-in-out;-moz-transition:margin-right .3s ease-in-out,font-size .3s ease-in-out;-ms-transition:margin-right .3s ease-in-out,font-size .3s ease-in-out;-o-transition:margin-right .3s ease-in-out,font-size .3s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}html{background-color:#1d2731}.main-wrapper .solar-system-opener{display:flex;justify-content:center;position:relative;overflow:hidden;width:100%;height:100vh}.main-wrapper .solar-system-opener::after{position:absolute;content:"";width:100%;height:100vh;background:rgba(14,13,13,.3);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.18)}.main-wrapper .solar-system-opener .sso-2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-wrapper .solar-system-opener .sso-2 .solar-system{width:100%;height:94vh;display:flex;justify-content:center;align-items:center;position:relative}.main-wrapper .solar-system-opener .sso-2 .solar-system .ring{display:flex;justify-content:center;align-items:center;position:absolute;border:1px solid #fafbfc;border-radius:50%}.main-wrapper .solar-system-opener .sso-2 .solar-system .planet{position:absolute;top:-5px;border-radius:50%}.main-wrapper .solar-system-opener .sso-2 .solar-system .pluto-ring{width:550px;height:550px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-animation:spin 50s linear 0s infinite;animation:spin 50s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .neptune-ring{width:500px;height:500px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-animation:spin 40s linear 0s infinite;animation:spin 40s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .uranus-ring{width:410px;height:410px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-animation:spin 38s linear 0s infinite;animation:spin 38s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .saturn-ring{width:350px;height:350px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);animation:spin 35s linear 0s infinite;-webkit-animation:spin 35s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .jupiter-ring{width:300px;height:300px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);animation:spin 25s linear 0s infinite;-webkit-animation:spin 25s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .mars-ring{width:250px;height:250px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);animation:spin 14s linear 0s infinite;-webkit-animation:spin 14s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .earth-ring{width:200px;height:200px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);animation:spin 12s linear 0s infinite;-webkit-animation:spin 12s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .venus-ring{width:165px;height:165px;animation:spin 10s linear 0s infinite;-webkit-animation:spin 10s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .mercury-ring{width:105px;height:105px;animation:spin 8s linear 0s infinite;-webkit-animation:spin 8s linear 0s infinite}.main-wrapper .solar-system-opener .sso-2 .solar-system .sun{width:60px;height:60px;border-radius:50%}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spin3D{from{transform:rotate3d(.5,.5,.5,360deg)}to{transform:rotate3d(0)}}@keyframes rotate{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(247,247,247,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;box-sizing:border-box}