#game-container {
  width: 70vw;
  aspect-ratio: 16 / 9;
  border: 0.5vw solid black; /* Black outline */
  position: relative;
  border-radius: 10px; /* Rounded corners */
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.8);
}


#timer {
    color: white;
    margin-top: 10px; /* Add some spacing */
    font-size: 2.5vw;  /* Slightly larger font size */
    text-align:center;
    position: absolute;
    width: 100%;
    user-select: none; /* Make text non-selectable */
}


#backgroundCanvas {
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1600px) {
    #game-container {
        width: 90vw;
    }
}


@media screen and (max-width: 900px) {
  #game-container {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
  }
  
  #game-title {
      display: none;
  }
}