style.css

body {
  background: url('http://fullhdpictures.com/wp-content/uploads/2016/05/Fantastic-Chess-Wallpaper.jpg') no-repeat center center fixed;
  background-size: cover;
}

h1 {
  color: #98CDDB;
  text-align: center;
  text-shadow: 10px 10px 7px #171717;
  font-size: 5vw;
  font-family: Herculanum;

}

p {
  color: #BDDADF;
  text-align: center;
  margin-bottom: 4vh;
  text-shadow: 3px 3px 7px #171717;
  font-size: 2vw;
  font-family: Herculanum;
}

.full {
  position: absolute;
  width: 100%;
  margin: auto;
  align-items: center;
}

.board {
  position: relative;
  height: 640px;
  width: 640px;
  margin: auto;
  box-shadow: 25px 25px 30px #171717;
}

.square {
  border: 1px solid black;
  background-color: white;
  width: 12.5%;
  height: 12.5%;
  float: left;
  text-align: center;
  font-size: 24px;
  text-shadow: 3px 3px 3px #171717;
  color: white;
  align-items: center;
}

.chess-piece {
  position: relative;
  padding-top: 5px;
}

.highlighted {
  border: 5px solid #E29435;
  transition: border 80ms;
}

.going {
  border: 5px solid purple;
  transition: border 80ms;
}
.starting {
  border: 5px solid gray;
  transition: border 80ms;
}

.capture{
  border: 5px solid red;
  transition: border 80ms;
}
.protected{
  border: 5px solid #2A3722;
  transition: border 80ms;
}

.stuff {
  float: left;
}

.turn-billboard {
  position: relative;
  background-color: gray;
  width: 15vw;
  margin-left: 5vw;

  text-align: center;
  padding: 15px;
  box-shadow: 3px 4px 15px black;
  color: white;
  text-shadow: 3px -3px 10px black;
  border-radius: 50%;
  font-family: Herculanum;

}

.game-mode {
  position: relative;
  background-color: gray;
  width: 15vw;
  margin-left: 5vw;

  text-align: center;
  padding: 15px;
  box-shadow: 3px 4px 15px black;
  color: white;
  text-shadow: 3px -3px 10px black;
  border-radius: 50%;
  font-family: Herculanum;

}