instruction.css

body {
  font-family: 'PT Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: black;
  background-color: #F8F8F8;
  margin: 0;
}

.guideline-container {
  background-color: white;
  margin: 4% 15% 0% 15%;
  padding: 2% 5% 1% 5%;
  box-shadow: 0 0 25px rgba(0,0,0,.04);
  border-radius: 10px;
}

.guideline-title {
  text-align: center;
  color: #6d1a36;
  font-size: 2em;
  margin: 3%;
}

.gameInstructions__info {
  font-size: 0.4em;
  color: #5f6166;
  margin-top: 2%;
}

.guideline-body {
  margin: 2% 15% 2% 15%;
  font-size: 1.1em;
  line-height: 25px;
}

.guideline-button-container {
  margin: 3% 0% 3% 0%;
  text-align: center;
}

.guideline-button {
  font-size: 1.4em;
  border-radius: 4px;
  padding: 1.5% 4% 1.5% 4%;
  text-decoration: none;
  background: #D5D5D5;
  transition: width 0.4s ease;
  cursor: pointer;
  outline: none;
  border: none;
}

.guideline-button:hover .guideline-button:click {
  background: #D8D8D8;
  text-decoration: none;
}