@media (min-width: 32.5em) {
  .page {
    max-width: 480px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -210px;
  }
}

@media (max-height: 580px) {
  ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .page {
    min-width: 400px;
    position: relative;
    top: 0%;
    left: 0%;
    margin: 0.5rem auto;
    margin-top: 0.5rem;
  }
}