*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /* border: "none"; */
    
    overscroll-behavior: none;
    /**compatibility*/
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
#h1Element{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    font-style: italic;
    color: rgb(20,200,200);
}
#gameCanvas{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    /* background-color: grey; */
}
#textCanvas{
    /* background-color: blue; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%;
    z-index: 1;
    /* margin: 10px;
    margin-right: 30px; */
    
}
button{
    position: absolute;
    border-radius: 10px;
    font-size: 0.7em;
    font-family: "Rubik bubble", "Roboto";
    border: none;
    padding: 5px;
    /* margin: 3px; */
    
    color: black;
    font-weight: 500;
    background-color: rgb(20,200,200);
    /* transform: translate(-40%, -30%); */
}
button:hover {
    opacity: 70%;
    /* background-color: #f80; */
 }
 #toggleFullscreen{
    top: 1.5rem;
    right: 3rem;
 }
#toggleSound{
    /* position: absolute; */
    background-color: rgb(255,136,0);
    border-radius: 10px;
    font-size: 0.8em;
    top: 5rem;
    right: 3rem;
    margin-top: 0.5rem;
}
#toggleTrack{
    /* position: absolute; */
    background-color: rgb(255,136,0);
    border-radius: 10px;
    font-size: 0.8em;
    top: 5rem;
    right: 6rem;
    margin-top: 0.5rem;
}
img, #gameCanvas, #toggleFullscreen,#toggleSound, #textCanvas,#textCanvas, #toggleTrack{
    display: none;
}