Tic-Tac-Toe

<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

​

<div class="overlay startGame">

​

  <div class='centerBox playerNumber'>

    <div>Welcome!<br> How Many Players?</div>

     <div class="well">

      <button type='button' class='play onePlayer btn btn-success'> 1 Player </button>

      <button type='button' class='play twoPlayer btn btn-danger'> 2 Players </button>

    </div>

  </div>

  <div class='centerBox tokenSelect'>

    <div>Welcome!<br> PLAYER 1: Choose Your Token</div>

    <div class="well">

      <button type='button' class='token X btn btn-success'> X </button>

      <button type='button' class='token O btn btn-danger'> O </button>

    </div>

  </div>

​

</div>

<div class="overlay endGame">

  <div class='centerBox'>

    <div>Game Over</div>

    <div class='winner'></div>

      <button type='button' class='restart btn btn-success'> RESTART </button>

  </div>

</div>

​

​

<div class="header">

  Tic-Tac-Toe!

</div>

​

​

<canvas id="canvas" width="600" height="600"></canvas>