@media (pointer: coarse) {

    .fullscreen {
        width: 100%;
        height: 100%;
        aspect-ratio: 920 / 480;
        max-width: 100vw;
        max-height: 100vh;
    }

    #buttonFullscreen {
        display: none;
    }

    canvas {
        width: 100%;
        height: 100%;
        aspect-ratio: 920 / 480;
        max-width: 100vw;
        max-height: 100vh;
        border: none;
    }

    h1 {
        display: none;
    }

    .UI_section,
    .UI_background_section {
        border: none;
    }

    h2 {
        font-size: 32px;
    }

    .button_circle {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }

    .button_reset_start {
        font-size: 20px;
        height: 40px;
        width: 120px;
    }

    .info_screen {
        font-size: 20px;
    }

    table {
        font-size: 20px;
    }

    .volume-control {
        font-size: 20px;
        height: 30px;
        width: 115px;
    }

    .volume-control input {
        width: 60px;
    }
}