<div id="game-container">

    <div id="game-edge-shadow"></div>

    <div id="player-button-container">
      <div class="d-flex flex-row justify-content-center player-buttons">
        <button class="btn" id="button-0"></button>
        <button class="btn" id="button-1"></button>
      </div>
      <div class="d-flex flex-row justify-content-center player-buttons">
        <button class="btn" id="button-2"></button>
        <button class="btn" id="button-3"></button>
      </div>
    </div>

    <div id="controls">
      <h1 id="title">JEFF</h1>
      <div class="d-inline-block control-pair">
        <div class="px-2 d-inline-block" id="number-display">
          <p id="number-count">00</p>
        </div>
        <h5>COUNT</5>
      </div>
      <div class="d-inline-block control-pair">
        <button title="Start the Game!" id="start-button"></button>
        <h5>START</h5>
      </div>
      <div class="d-inline-block control-pair">
        <button title="Enable Strict Mode" id="strict-button"></button>

        <h5>STRICT</h5>
      </div>
      <div id="strict-led">
        <div id="strict-led-dot"></div>
      </div>

      <br>
      <div class="row" id="reset-pair">
        <button title="Reset the Game" id="reset-button"></button>
        <h5 id="reset-label">RESET</h5>
      </div>
    </div>

  </div>

  <div class="flex-row justify-items-center fixed-top" id="win">
    <h1>You Won!!!</h1>
  </div>

  <div id="win-overlay"></div>