/***************************
  CONTAINER
  ***************************/

.flex-container {
  /* Image Credit to SubtlePatterns */
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/262582/retina_wood.png);
  border: 10px solid #999;
  border-radius: 8px;
  margin: 50px;
}

/***************************
  LETTER BLOCK
  ***************************/

.letter-block {
  font-family: 'Raleway', sans-serif;
  font-size: 5em;
  border: 9px solid black;
  padding: 0.1em 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  margin: 10px;
}

/***************************
  LETTER BLOCK - COLORS
  ***************************/

.green {
  color: DarkGreen;
  border-color: DarkGreen;
}

.blue {
  color: DarkBlue;
  border-color: DarkBlue;
}

.red {
  color: DarkRed;
  border-color: DarkRed;
}

.yellow {
  color: DarkOrange;
  border-color: DarkOrange;
}