@import url(./global.css);
@import url(./layout.css);
@import url(./forms.css);

@media (max-width: 800px) {
  main {
    width: 100%;
    overflow: initial;

    & .main-container {
      margin: auto;
    }
  }

  aside {
    padding: 3rem;
    display: grid;
    justify-content: center;

    & h2 {
      font-size: 1.5rem;
      margin-top: 1rem;
    }

    & header img {
      width: 100%;
    }
  }

  #app {
    display: grid;
    grid-template-columns: 1fr;
    overflow: auto;
  }
}