body {
    background-color: #cccccc;
    margin: 0px;
    padding: 0px;

    display: flex;
    /*float: right;*/
    justify-content: center;
    align-items: center;
}


#correct-orientation{
    background-image: url(/assets/img/CorrectScreenOrientationMC.png);
    background-color: #000000;
    width: 784px;
    height: 540px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    background-position: center;
}

/*canvas {
    max-height: 784px; 
    max-width: 540px;
}*/

/*@font-face {
    font-family: 'abadi-mt-condensed-light';
    src: 
        url('../assets/fonts/misfits_-webfont.woff2') format('woff2'),
        url('../assets/fonts/misfits_-webfont.woff') format('woff'),
        url('../font/abadi-mt-condensed-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 30;
}*/