*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: default;
    user-select: none;
}
html{
    font-size: 62.5%;
}
.mygame{
    height: 100vh;
    overflow: hidden;
}

canvas{
    background-color: #292525;
    /* max-width: 100%; */
    
}
::-webkit-scrollbar{
    width: 0;
    height: 0;

}
::-webkit-scrollbar-button{
    width: 0;
    height: 0;
}
.scoreboard{
    position: fixed;
    left: 5%;
    top: 5%;
    display: none;
    font:600 1.2vmax "Franklin Gothic Medium";
}
form{
    position: absolute;
    height: 60vh;
    width: 60vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    flex-direction: column;
    background-color: rgb(255, 255,255,0.158);
 
}
form > select,
form select option {
    padding: 2vmax;
    width: 20vw;
    text-align: center;
    font-size: 1.4vmax;
    font-family: cursive;
    outline: none;
    transition: all 0.5s;
    border: none;
    background-color: #b8b5b5;
}
 
form > input {
    margin: 2vmax;
    padding: 2vmax;
    width: 20vw;
    cursor: pointer;
    border: none;
    color: white;
    transition: all 0.5s;
    background-color: indianred;
    font-size: 1.4vmax;
    font-family: cursive;
    outline: none;
}

form > select:hover {
    box-shadow: 0 0 10px white;
}

form > input:hover {
    background-color: rgb(194, 27, 91);
    box-shadow: 0 0 10px white;
}
.gameover {
    background-color: rgba(122, 122, 122, 0.041);
    border-radius: 5px;
    position: fixed;
    top: 50%;
    height: 100vh;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gameover > button {
    padding: 1vmax;
    border: 2px solid rgb(255, 255, 255);
    cursor: pointer;
    width: 10vw;
    background-color: white;
    font: 900 1.1vmax cursive;
    transition: all 0.5s;
}

.gameover > button:hover {
    background-color: rgb(30, 30, 34);
    color: white;
    box-shadow: 0 0 10px rgb(255, 255, 255);
}
.gameover > div {
    margin: 2vmax;
    color: white;
    font: 600 1.2vmax cursive;
}