#tofe-maze{text-align:center;max-width:968px;margin:0 auto}#tofe-maze .maze .box-content{border:.3rem solid #000;background:#f15a29;width:auto;height:auto;position:relative}#tofe-maze canvas{grid-area:canvas;display:block}#tofe-maze .controls{margin:3rem;display:grid;grid-template-areas:'. up .' 'left . right' '. down .';grid-template-columns:max-content max-content max-content;grid-template-rows:max-content max-content max-content;justify-content:center}#tofe-maze .up,#tofe-maze .right,#tofe-maze .down,#tofe-maze .left{background:#57bcbc;border:.2rem solid #FFF;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;height:3rem;padding:0;width:3rem}#tofe-maze .up{grid-area:up}#tofe-maze .right{grid-area:right}#tofe-maze .down{grid-area:down}#tofe-maze .left{grid-area:left}#tofe-maze .word>div{background:#57bcbc;border:.2rem solid #FFF;display:inline-block;margin:.5rem;padding:1rem;font-size:1.4rem;font-weight:700}#tofe-maze .letters,#tofe-maze .maze{display:inline-block}#tofe-maze .letters>button{border:1px solid #fff;background:#000;margin:.2rem;font-weight:600;color:#fff;width:2rem;height:2rem}#tofe-maze .message{font-size:1.4rem;font-weight:900;color:#fff}#tofe-maze .blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}#tofe-maze .restart{padding-bottom:2rem}#tofe-maze .restart .box-content{background:#fff;border:.3rem solid #000;color:#f15a29;padding:1rem;font-size:1.2rem;font-weight:900;text-transform:uppercase}#tofe-maze .restart .box-content:hover{background:#f15a29;color:#fff;cursor:pointer}