@media only screen and (max-height: 600px) {
    canvas {
        width: 100vw;
        height: 100vh;
    }

    .controls {
        display: none;
    }

    h1 {
        font-size: 80px;
    }

    body {
        overflow: hidden;
    }

    .round-border {
        border-radius: 0px;
    }

    .menu-screens{
        flex-direction: row;
    }

    .mobile-buttons {
        display: block;
    } 
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
    .rotateHint {
        display: flex;
    }

    canvas{
        display:none;
    }

    .menu-button{
        display:none;
    }

}