body {
  background: #dcdcdc;
  padding-top: 5ex; }

.board {
  display: block;
  margin: 0 auto;
  text-align: center; }

.welcome {
  text-align: center; }

.squareWrap {
  display: inline-block; }

.clickBlock {
  width: 3em;
  height: 3em;
  border: 3px solid grey;
  border-radius: 5px;
  margin-top: -4em;
  margin-left: 0.5em;
  position: absolute;
  z-index: 2; }

.square {
  width: 3em;
  height: 3em;
  display: block;
  border: 3px solid grey;
  border-radius: 5px;
  margin: 1em 0.5em;
  position: relative;
  z-index: 1;
  background: #fff; }
  .square.filledBlue {
    background: blue; }
  .square.filledRed {
    background: red; }

.playerAlert {
  text-align: center; }
  .playerAlert #p1, .playerAlert .blueWin {
    color: blue;
    display: none; }
  .playerAlert #p2, .playerAlert .redWin {
    color: red;
    display: none; }
  .playerAlert .reset, .playerAlert .draw {
    display: none; }

section.createdBy {
  position: absolute;
  bottom: 0;
  left: 50%; }
  section.createdBy div {
    position: relative;
    left: -50%; }

/*# sourceMappingURL=styles.css.map */