main{  
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;

} 
.slider-container{
    width: 100%;
    display: flex; 
    justify-content: center;
}
h2{
    font-size: 2rem;
}
#startButton{
    margin: 2rem;
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 8px; 
    background:#d3d3d3; 
    color: black;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}
#gameDifficulty {  
    --track-colour: #d3d3d3; 
    width: 90%;
    -webkit-transition: .2s; 
    transition: opacity .2s;
} 
#gameDifficulty::-webkit-slider-runnable-track{ 
    border-radius: 5px;
    background: var(--track-colour);
}
#gameCanvas {
    display: block;
    max-height: 75vh;
    max-width: 90vw;
    margin: auto;  
}
#gameInput {
    position: absolute;
    top: -100px; /* Move it far off-screen so the browser doesn't try to scroll to it */
    opacity: 0;
}