#resultText {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-top: -180px;
    font: bold 20px Arial
  }
  #wagers {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-top: 10px;
    gap: 10px;
  }
  #bets {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}
  #bets select {
    font-family: cursive;
    font-size: 30px;
    background-color: lightblue;
    border: 3px solid black;
    width: 20%;
  }
  input {
    text-align: center;
    font-family: cursive;
    font-size: 30px;
    background-color: lightblue;
    border: 3px solid black;
    width: 20%;
  }
  #game {
    position: relative;
    width: 800px;
  }
  #button {
    text-align: center;
    font-family: cursive;
    font-size: 30px;
    background-color: lightblue;
    border: 3px solid black;
  }
  button:disabled {
    border: 3px solid hsla(0, 0%, 0%, 0.5);
  }
  #minesGrid {
    width: 800px;
    height: 600px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 10px;
  }
  .minesButton {
    gap: 10px;
    width: 100px;
    height: 100px;
    background: linear-gradient(
  135deg, 
  hsla(46, 65%, 35%, 1) 0%,   /* Shadow */
  hsla(46, 65%, 52%, 1) 50%,  /* Midtone */
  hsla(46, 65%, 85%, 1) 100%  /* Highlight */
);
    border-radius: 10px;
  }
  .mine {
    background: red;
  }
