@import url(https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Roboto Mono,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:1000vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-frame{background-color:#3c4359;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:22}.loading-frame,.loading-frame .loading-box{align-items:center;display:flex;justify-content:center}.loading-frame .loading-box{height:300px;position:relative;width:300px}.loading-frame .planet{align-items:center;-webkit-animation:planet 5s ease infinite alternate;animation:planet 5s ease infinite alternate;background-color:#546c8c;border-radius:100%;box-shadow:inset 2px -10px 0 rgba(0,0,0,.1),inset 2px 10px 0 hsla(0,0%,100%,.1);display:flex;height:65%;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;width:65%}@-webkit-keyframes planet{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes planet{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.loading-frame .planet:before{align-items:center;color:#bacbd9;content:"Loading";display:flex;font-family:Roboto Mono,monospace;font-size:14px;height:100px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px;z-index:3}.loading-frame .planet:after{-webkit-animation:text-loading 7s forwards;animation:text-loading 7s forwards;background-color:#546c8c;background:linear-gradient(90deg,rgba(2,0,36,0),#546c8c 50%);content:"";height:100px;position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:right;transform-origin:right;width:150px;z-index:4}@-webkit-keyframes text-loading{0%{-webkit-transform:translateY(-50%) scaleX(1);transform:translateY(-50%) scaleX(1)}to{-webkit-transform:translateY(-50%) scaleX(0);transform:translateY(-50%) scaleX(0)}}@keyframes text-loading{0%{-webkit-transform:translateY(-50%) scaleX(1);transform:translateY(-50%) scaleX(1)}to{-webkit-transform:translateY(-50%) scaleX(0);transform:translateY(-50%) scaleX(0)}}.loading-frame .planet .satellite{align-items:center;-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite;border-radius:100%;display:flex;height:300px;justify-content:center;position:absolute;-webkit-transform-origin:33% center;transform-origin:33% center;width:300px}@-webkit-keyframes ring{0%{-webkit-transform:rotateX(110deg) rotate(0deg) translate(-50px,5px);transform:rotateX(110deg) rotate(0deg) translate(-50px,5px)}to{-webkit-transform:rotateX(110deg) rotate(1turn) translate(-50px,5px);transform:rotateX(110deg) rotate(1turn) translate(-50px,5px)}}@keyframes ring{0%{-webkit-transform:rotateX(110deg) rotate(0deg) translate(-50px,5px);transform:rotateX(110deg) rotate(0deg) translate(-50px,5px)}to{-webkit-transform:rotateX(110deg) rotate(1turn) translate(-50px,5px);transform:rotateX(110deg) rotate(1turn) translate(-50px,5px)}}.loading-frame .planet .satellite:before{background-color:#7ea1bf;border-radius:100%;box-shadow:inset -3px 3px 0 rgba(0,0,0,.2);content:"";height:30px;left:-5px;position:absolute;width:10px;z-index:2}.loading-frame .planet .cover-ring{background-color:#546c8c;border-bottom-left-radius:80%;border-bottom-right-radius:80%;border-top-left-radius:100px;border-top-right-radius:100px;height:50%;position:absolute;-webkit-transform:translateY(-17px);transform:translateY(-17px);width:100%;z-index:2}.content-container .card{border-radius:15px;box-shadow:inset 5px 5px 5px rgba(0,0,0,.2),inset -5px -5px 15px hsla(0,0%,100%,.1),5px 5px 15px rgba(0,0,0,.3),-5px -5px 15px hsla(0,0%,100%,.1);height:0;left:10vw;opacity:.2;position:absolute;top:10vh;transition:.5s;width:80vw;z-index:100}.content-container .card.is-open{height:80vh;opacity:1}.content-container .card .box{background:#2a2b2f;border-radius:15px;bottom:20px;display:flex;flex-direction:column;left:20px;opacity:.8;overflow:auto;position:absolute;right:20px;top:20px;transition:.5s}.content-container .card .box:hover{opacity:1}.content-container .card .box:hover .close{color:hsla(0,0%,100%,.6)}.content-container .card .box:hover .close:hover{color:#fff}.content-container .card .box:before{background:hsla(0,0%,100%,.03);content:"";height:100%;left:0;position:absolute;top:0;width:50%}.content-container .card .box .close{color:hsla(0,0%,100%,.3);cursor:pointer;height:24px;position:absolute;right:24px;top:24px;transition:color .5s;width:24px}.content-container .card .box .content{padding:20px}.content-container .card .box .content h1{color:#fff;font-size:1.8rem;margin:0 0 15px;transition:.5s}.content-container .card .box .content h2{color:#858585;font-size:1.5rem;font-weight:400;margin:0 0 12px;transition:.5s}.content-container .card .box .content p{color:hsla(0,0%,100%,.9);font-size:1rem;font-weight:300;line-height:1.4;transition:.5s;z-index:1}.content-container .card .box .content p a{background:#000;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.2);display:inline-block;padding:0 5px;position:relative}.content-container .card .box .content p a:hover{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.6);color:#000}.content-container .card .box .content a,.content-container .card .box .content li{color:#fff;text-decoration:none;transition:.5s}.content-container .card .box .content li{background:#000;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.2);display:inline-block;margin:20px 10px;padding:8px 20px;position:relative}.content-container .card .box .content li:hover{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.6);color:#000}.content-container .card .box .content li:hover a{color:#000}.canvas{height:100vh;left:0;position:fixed;top:0;width:100vw}
/*# sourceMappingURL=main.d532ded3.css.map*/