body {
  background: linear-gradient(180deg, rgba(50,27,142, .24) 0%, rgba(50,27,142, 0) 50vh);
  color: var(--gray-600);
  font-family: "DM Sans", sans-serif;
  font-size: calc(var(--vw) * 16);
  line-height: calc(var(--vw) * 24);
  margin: 0 auto;

  @media (min-width: 1024px) {
    background: linear-gradient(180deg, rgba(50,27,142, .24) 0%, rgba(50,27,142, 0) calc(var(--vw) * 220));
  }
}

body.no-scroll {
    overflow: hidden;
}

body > main {
  @media (min-width: 1024px) {
    padding-top: calc(var(--vw) * 84);
  }
}