@media only screen and (max-width: 915px) {

    #panel {
        margin-top: 29vh;
        margin-left: 12vh;
        position: absolute;
        background-color: transparent;
    }


    .row {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: -10vh;
        margin-left: 0;
    }

    .clicker {
        background-color: transparent;
        z-index: 10;
        outline: none;
        width: 24vh;
        border-radius: 50%;
        display: inline-block;
        float: left;
        border: none;
        margin: 0px 0px 0 0px;
    }


    .clicker.rest {
        margin-left: 9vh;
    }

}

@media only screen and (max-width: 915px) {
    .loading-hexagon {
        -webkit-animation: hexagon 3.5s ease infinite;
        animation: hexagon 4s ease-in-out infinite;
        left: 0;
        top: 42vh;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    #playButton {
        font-size: 18vh;
        top: 63%;
        left: 35%;
        padding: 0vh 5vh 3vh 5vh;
    }

    #panelTitle {
        font-size: 5vh;
        top: 3vh;
        right: 3vh;
        width: 145vh;
        height: 15vh;
        padding: 0vh 0vh 3vh 0vh;
        user-select: none;
    }

    #backButton {
        top: 3%;
        left: 1%;
        width: 24vh;
        height: 15vh;
    }

    #homeButton {
        top: 3%;
        right: 1%;
        width: 24vh;
        height: 15vh;
    }

    #timeButton {
        font-size: 9vh;
        top: 82%;
        left: 1%;
        width: 43vh;
        height: 19vh;
        padding: 0vh 0vh 5vh 0vh;
        user-select: none;
    }

    #pointButton {
        font-size: 9vh;
        top: 82%;
        right: 1%;
        width: 43vh;
        height: 19vh;
        padding: 0vh 0vh 5vh 0vh;
        user-select: none;
    }

    #ggTilte {
        top: 4%;
        left: 27%;
        width: 100vh;
        height: 31vh;
        user-select: none;
    }

    #resultTime {
        font-size: 15vh;
        top: 37%;
        left: 34%;
        width: 70vh;
        height: 28vh;
        padding: 0vh 0vh 5vh 0vh;
        user-select: none;
    }

    #resultPoint {
        font-size: 15vh;
        top: 70%;
        left: 34%;
        width: 70vh;
        height: 28vh;
        padding: 0vh 0vh 5vh 0vh;
        user-select: none;
    }

    .container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 46vh 0 0 132vh;
    }
}