#app {
  width: 100vw;
  height: 100vh;

  & .logo {
    height: 50px;
  }
  
  & h1 {
    font-size: 29px;
    font-weight: 500;
    margin: 0;
  }

  & p {
    margin: 0;
    font-size: 22px;
    font-weight: 500;

    & a {
      color: rgb(var(--color--accent));
    }
  }

  @media screen and (max-width: 1000px) {
    background-size: 400% auto;
  }

  @media screen and (max-width: 700px) {
    background-size: 500% auto;

    &> div {
      flex-direction: column;

      .logo {
        height: 45px;
      }
    }
  }

  @media screen and (max-width: 500px) {
    background-size: 3000px auto;
  }
}