/* below 900px */
@media (max-width: 56.25em) {
  nav {
    margin-left: 10%;
    margin-right: 10%;
  }

  main {
    margin-left: 10%;
    margin-right: 10%;
  }

  .project {
    flex-direction: column;
    align-items: start;
    gap: 4.8rem;
  }

  footer {
    margin-left: 10%;
    margin-right: 10%;
  }
}

/* below 600px */

@media (max-width: 37.5em) {
  .hello {
    font-size: 4rem;
  }

  .intro-description {
    grid-column: 1 / -1;
  }
}