body {
  background: #1a2238;
  color: #fff;
  font: 20px "Roboto", sans-serif;
  margin: 0;
}

.content {
  margin: 1em;
}
@media (min-width: 661px) {
  .content {
    margin: 4em;
  }
}
.content__title {
  color: #9daaf2;
  margin: 0;
}
.content__title:nth-child(n+2) {
  margin-top: 1.2em;
}
.content__title--main {
  font-size: 3rem;
}
.content__title--sub {
  font-size: 2rem;
}
.content__navigation {
  margin-top: 0.4em;
}

.navigation {
  display: flex;
  flex-flow: row wrap;
  column-gap: 10px;
  row-gap: 10px;
}
.navigation__link {
  color: #f4db7d;
  text-decoration-color: #f4db7d;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.15em;
}
.navigation__link:hover {
  text-decoration-color: #ff6a3d;
  text-decoration-thickness: 0.15em;
}

/*# sourceMappingURL=main.css.map */