@import url(https://fonts.googleapis.com/css2?family=Open+Sans);@import url(https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap);html{scroll-behavior:smooth}#root,.App,body{z-index:-10000000;position:relative;margin:0;font-family:Open Sans,sans-serif;font-size:1.1rem}body{background-color:#000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0h1L0 6V5zm1 5v1H5z' fill='%2368636f' fill-opacity='.51' fill-rule='evenodd'/%3E%3C/svg%3E");color:#fff}.App{overflow:hidden;min-height:100vh;width:100%}h1,p{font-family:PT Serif,serif}h3{font-style:italic}a,a:visited{color:#fff}a:hover{color:#e68000}header{background-color:#222;width:100%;padding:.5rem 1rem;border-bottom:1px solid #444;display:inline-flex}header a{text-decoration:none}header h1{margin:0}header .right{flex-grow:1;text-align:right;margin-right:1.5rem}header .right .divider{border-right:2px solid #fff}header .right a,header .right span{line-height:3.2rem;margin-right:.5rem;font-size:1.2rem}@media only screen and (max-width:400px){header{display:block}}#spinner{width:100%;max-width:700px;height:500px;pointer-events:none;position:relative;margin:0 auto}#spinner #box{position:absolute;height:200px;width:200px;top:calc(50% - 100px);left:calc(50% - 100px);z-index:0;pointer-events:none}#spinner .pause-button{position:absolute;bottom:0;width:100%;text-align:center}#spinner .pause-button span{pointer-events:auto;cursor:pointer;opacity:.5;font-size:1.3rem}#spinner .spin-container{transform-style:preserve-3d;width:100%;max-width:700px;height:500px;position:absolute;pointer-events:none}#spinner .spin-container .spinnee{position:absolute;pointer-events:auto;cursor:pointer;background-color:transparent;color:#fff;border:1px solid #fff;border-radius:2px;font-size:1rem}#spinner .spin-container .spinnee.selected{color:#000;background-color:#fff}#spinner .spin-container .spinnee:hover{border:1px solid #e68000}@-webkit-keyframes forever-spin{0%{transform:rotateX(0deg) rotate(0deg)}to{transform:rotateX(1turn) rotate(1turn)}}@keyframes forever-spin{0%{transform:rotateX(0deg) rotate(0deg)}to{transform:rotateX(1turn) rotate(1turn)}}@-webkit-keyframes fly-in-south{0%{transform:translate3d(-700px,900px,500px);opacity:0}1%{opacity:1}50%{transform:translateZ(50px)}to{transform:translateZ(50px)}}@keyframes fly-in-south{0%{transform:translate3d(-700px,900px,500px);opacity:0}1%{opacity:1}50%{transform:translateZ(50px)}to{transform:translateZ(50px)}}@-webkit-keyframes fly-in-north{0%{transform:translate3d(600px,900px,-700px);opacity:0}1%{opacity:1}50%{transform:rotateY(180deg) translateZ(50px)}to{transform:rotateY(180deg) translateZ(50px)}}@keyframes fly-in-north{0%{transform:translate3d(600px,900px,-700px);opacity:0}1%{opacity:1}50%{transform:rotateY(180deg) translateZ(50px)}to{transform:rotateY(180deg) translateZ(50px)}}@-webkit-keyframes fly-in-west{0%{transform:translate3d(1200px,-1000px,-1000px);opacity:0}1%{opacity:1}50%{transform:rotateY(90deg) translateZ(50px)}to{transform:rotateY(90deg) translateZ(50px)}}@keyframes fly-in-west{0%{transform:translate3d(1200px,-1000px,-1000px);opacity:0}1%{opacity:1}50%{transform:rotateY(90deg) translateZ(50px)}to{transform:rotateY(90deg) translateZ(50px)}}@-webkit-keyframes fly-in-east{0%{transform:translate3d(500px,-500px,800px);opacity:0}1%{opacity:1}50%{transform:rotateY(-90deg) translateZ(50px)}to{transform:rotateY(-90deg) translateZ(50px)}}@keyframes fly-in-east{0%{transform:translate3d(500px,-500px,800px);opacity:0}1%{opacity:1}50%{transform:rotateY(-90deg) translateZ(50px)}to{transform:rotateY(-90deg) translateZ(50px)}}@-webkit-keyframes fly-in-top{0%{transform:translate3d(-800px,600px,-1300px);opacity:0}1%{opacity:1}50%{transform:rotateX(90deg) translateZ(50px)}to{transform:rotateX(90deg) translateZ(50px)}}@keyframes fly-in-top{0%{transform:translate3d(-800px,600px,-1300px);opacity:0}1%{opacity:1}50%{transform:rotateX(90deg) translateZ(50px)}to{transform:rotateX(90deg) translateZ(50px)}}@-webkit-keyframes fly-in-bottom{0%{transform:translate3d(400px,-1100px,900px);opacity:0}1%{opacity:1}50%{transform:rotateX(-90deg) translateZ(50px)}to{transform:rotateX(-90deg) translateZ(50px)}}@keyframes fly-in-bottom{0%{transform:translate3d(400px,-1100px,900px);opacity:0}1%{opacity:1}50%{transform:rotateX(-90deg) translateZ(50px)}to{transform:rotateX(-90deg) translateZ(50px)}}#scene{transform-style:preserve-3d;width:100%;height:100%}#cubo,#scene{position:relative}#cubo{transform:rotateX(70deg) rotate(70deg);width:100px;height:100px;transform-style:preserve-3d;top:50%;left:50%;margin-left:-50px;margin-top:-50px;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-name:forever-spin;animation-name:forever-spin;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#cubo.paused,#cubo.paused .cubo-face{-webkit-animation-play-state:paused;animation-play-state:paused}.cubo-face{background-color:#d3d3d3;width:100px;height:100px;opacity:.5;position:absolute;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:4s;animation-duration:4s}#cubo-south{transform:rotateX(0deg) translateZ(50px);background-color:green;-webkit-animation-name:fly-in-south;animation-name:fly-in-south}#cubo-west{transform:rotateY(90deg) translateZ(50px);background-color:red;-webkit-animation-name:fly-in-west;animation-name:fly-in-west}#cubo-north{transform:rotateY(180deg) translateZ(50px);background-color:#00f;-webkit-animation-name:fly-in-north;animation-name:fly-in-north}#cubo-east{transform:rotateY(-90deg) translateZ(50px);background-color:orange;-webkit-animation-name:fly-in-east;animation-name:fly-in-east}#cubo-top{transform:rotateX(90deg) translateZ(50px);background-color:purple;-webkit-animation-name:fly-in-top;animation-name:fly-in-top}#cubo-bottom{transform:rotateX(-90deg) translateZ(50px);background-color:#ff0;-webkit-animation-name:fly-in-bottom;animation-name:fly-in-bottom}#info-box{max-width:1100px;margin:0 auto;padding:1.5rem;position:relative;z-index:10000000}#info-box .topper{text-align:center}#info-box .topper a{text-decoration:none}#info-box .instructions{text-align:center;opacity:.6;font-style:italic;font-family:PT Serif,serif}
/*# sourceMappingURL=main.0285ae8f.chunk.css.map */