* {
  box-sizing: border-box;
}

body {
  background-color: aliceblue;
}

.navigation {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #597ae6;
  border: 1px solid black;
  font-family: Arial, sans-serif;
}
.navigation__title {
  color: white;
  font-size: 30px;
}
.navigation__link {
  text-decoration: none;
  color: rgb(191.25, 191.25, 191.25);
  font-size: 20px;
}

.boxone {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #597ae6;
  border: 1px solid black;
  font-family: Arial, sans-serif;
  margin: 15px 0;
  padding: 20px;
}
.boxone__letter, .boxone__letter--special {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #597ae6;
  border: 1px solid black;
  font-family: Arial, sans-serif;
  background-color: lightblue;
  color: white;
}
.boxone__letter--special {
  background-color: darkblue;
  border: 1px solid grey;
}/*# sourceMappingURL=bluebem.css.map */