@font-face{font-family:ThaleahFat;src:url('../fonts/ThaleahFat.ttf')}*{touch-action:manipulation;font-family:ThaleahFat,sans-serif}html{margin:0;padding:0;width:100%;height:100%;background:url("../images/pagebg.png") no-repeat center center fixed;background-size:cover}body{margin:0;padding:25px;width:calc(100% - 50px);height:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main{height:80vh;width:auto;position:relative}canvas{width:auto!important;height:100%!important;top:0;left:0;border:3px solid #000}#instructions{font-size:2.6em;margin:0}#orientationmsg{display:none}@media (orientation:portrait){body{padding:15px;width:calc(100% - 30px);height:calc(100% - 30px)}main{height:auto}canvas{width:100%!important;height:auto!important}#orientationmsg{display:block}}*{touch-action:pan-x pan-y}