body,html{width:100%;height:100%;display:table}body,div,html{padding:0;margin:0}#main{display:table-cell;vertical-align:middle;z-index:1}#canvas{width:288px;height:192px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges}@media (min-width:580px) and (min-height:388px){#canvas{width:576px;height:384px}}@media (min-width:868px) and (min-height:580px){#canvas{width:864px;height:576px}}@media (min-width:1156px) and (min-height:772px){#canvas{width:1152px;height:768px}}a,a:hover,a:visited{color:#000}.menu-cnt{position:absolute;margin:0;padding:.5em;border-radius:0 0 .5em;background-color:rgba(255,255,255,.9);z-index:100}.menu-btn{font-weight:700}.fade{opacity:1;transition:opacity .5s linear}.fade-out{opacity:0}