/* For devices with a large screen (such as a tablet or a laptop) */
@media screen and (min-width: 800px) and (min-height: 675px) {

    html,
    body {
        overflow-y: hidden;
        overflow-x: hidden;
    }
}

/* For devices with a small screen size (such as a phone) */
@media screen and (max-width: 800px) and (max-height: 675px) {

    html,
    body {
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: monospace;
}

canvas {
    display: block;
}