body,html{margin:0;padding:0;width:100%;height:100%;overflow:auto;display:flex;flex-direction:column;color:hsla(0,0%,100%,.87);background-color:#000;font-family:Arial,Helvetica,sans-serif}.container-story{perspective:300px}.container-story canvas{transform-origin:50% 100%;transform:rotateX(75deg)}#app{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}@font-face{font-family:Betty;src:url(/assets/fonts/Betty.eot);src:url(/assets/fonts/Betty.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/Betty.woff)format("woff"),url(/assets/fonts/Betty.woff2)format("woff2"),url(/assets/fonts/Betty.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chalkduster;src:url(/assets/fonts/Chalkduster.eot);src:url(/assets/fonts/Chalkduster.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/Chalkduster.woff)format("woff"),url(/assets/fonts/Chalkduster.woff2)format("woff2"),url(/assets/fonts/Chalkduster.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chalkdust;src:url(/assets/fonts/Chalkdust.eot);src:url(/assets/fonts/Chalkdust.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/Chalkdust.woff)format("woff"),url(/assets/fonts/Chalkdust.woff2)format("woff2"),url(/assets/fonts/Chalkdust.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chalky;src:url(/assets/fonts/Chalky.eot);src:url(/assets/fonts/Chalky.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/Chalky.woff)format("woff"),url(/assets/fonts/Chalky.woff2)format("woff2"),url(/assets/fonts/Chalky.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chalkboard;src:url(/assets/fonts/Chalkboard.eot);src:url(/assets/fonts/Chalkboard.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/Chalkboard.woff)format("woff"),url(/assets/fonts/Chalkboard.woff2)format("woff2"),url(/assets/fonts/Chalkboard.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UsuziV1;src:url(/assets/fonts/UsuziV1.eot);src:url(/assets/fonts/UsuziV1.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/UsuziV1.woff)format("woff"),url(/assets/fonts/UsuziV1.woff2)format("woff2"),url(/assets/fonts/UsuziV1.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.footer,.header{flex:0 0 auto;background-color:#282c34;color:#fff;padding:10px;text-align:center}.main{flex:1 0 auto;display:flex;justify-content:center;align-items:center;padding:10px}.phaser-container{width:100%;height:100%}.spritePosition{margin:10px 0 0 10px;font-size:.8em}.button{width:140px;margin:10px;padding:10px;background-color:#000;color:hsla(0,0%,100%,.87);border:1px solid hsla(0,0%,100%,.87);cursor:pointer;transition:all .3s;&:hover{border:1px solid #0ec3c9;color:#0ec3c9}&:active{background-color:#0ec3c9}&:disabled{cursor:not-allowed;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}}