html, body {
  margin: 0;
  height: 100%;
  position: relative;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;

  h1 {
    text-align: center;
  }
}

.container {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

#nav {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  list-style: none;
  padding-left: 0;
  align-items: center;
  margin-block: 2rem;

  li {
    font-size: 1.5rem;
  }
}