body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #202020;
    overflow: hidden;
    touch-action: none;
}

canvas {
    display: block;
}


#rotate-warning {
    display: none;
}


@media screen and (orientation: landscape) {

    canvas {
        display: none;
    }
    
    #rotate-warning {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #111;
        color: #fff;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: sans-serif;
        z-index: 9999;
    }
}

@font-face{
    font-family: 'DSEG7Classic';
    src: url('./fonts/DSEG7Classic-Regular.ttf');
}

@font-face {
    font-family: 'DSEG14Classic';
    src: url('./fonts/DSEG14Classic-Regular.ttf');
}