h1{font-family: 'Pacifico', cursive;
}
b{font-family: 'Crete Round', serif; 
}
div{font-family: 'Source Sans Pro', sans-serif;

}

h1{background-color:#3865E7; padding: 10px; width: 100%;
}
a { color:black; text-decoration: none;

}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
  }
  
  .flex-container > div {
    background-color: white;
    margin: 10px;
    padding: 20px;
    font-size: 15px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f1f1f1;
  }
  
  li a {
    display: block;
    background-color:#EFF745 ;
    color: #000;
    padding: 8px 16px;
    margin-right: 5px;
    text-decoration: none;
    float: left;
  }
  li a.active {
    background-color: darkorange;
    color: black;
  }
  li a:hover:not(.active) {
    background-color: #555;
    color: white;
  }
  
* {
  font-family: 'Press Start 2P', cursive;
}

.grid {
  display: grid;
  grid-template-columns: 320px 200px;
}

.right-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.game-board {
  border: solid 2px;
}

.play-button {
  background-color: #4caf50;
  font-size: 16px;
  padding: 15px 30px;
  cursor: pointer;
}