body{margin:0;font-family:studia;color:azure;height:100%;overflow-y:hidden;overflow-x:hidden;background-color:#2b3e74}@font-face{font-family:avatar;src:url(/fonts/Avatar\ Airbender.ttf);font-weight:100}@font-face{font-family:studia;src:url(/fonts/studla__.ttf)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2b3e74;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:azure;font-family:studia;opacity:1;transition:opacity 2s ease-out}body.loaded #loading-screen{opacity:0;visibility:hidden}.spinner{border:5px solid rgb(174,190,228);border-top:5px solid azure;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#threejs-canvas{opacity:0;transition:opacity 2s ease-out}#instruction-box{position:absolute;top:40px;left:40px;padding:10px;border-radius:5px;z-index:1000;width:min(max(350px,40%),600px);font-size:18px;opacity:0;transition:opacity .5s ease-in-out}#instruction-box h2{margin:0 0 10px;font-family:avatar;font-size:42px}#instruction-box ol{padding-left:20px;margin:0}#instruction-box p{font-weight:lighter}#instruction-list{padding-top:4px}#x-button{position:absolute;bottom:12px;left:30px;color:#b78401;font-family:studia;font-size:20px;text-align:center;border:1px solid black;background-color:#e4d88d;border-radius:10px;z-index:100;padding:10px;transition:.2s;box-shadow:0 0 8px #0003}#x-button:hover{cursor:pointer}#x-button:active{color:#825e04;background-color:#baac57;transition:.2s}.letter-button{max-height:1.2em;display:inline-block;position:relative;vertical-align:bottom}@media only screen and (min-resolution: 192dpi),only screen and (-webkit-min-device-pixel-ratio: 2){#instruction-box{font-size:12px;padding:15px;top:28px;left:28px}#instruction-box h2{font-size:30px}#x-button{font-size:15px;padding:8px;left:20px}}