:root {
  --primary-color: #9795f3;
  --bulma-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

  background-color: black;
}

.container {
  max-width: 960px !important;
}

.hero-body {
  margin: auto;

  h1 {
    margin-top: 4rem;
  }

  @media (min-width: 1024px) {
    h1 {
      margin-top: 12rem;
    }
  }

  .subtitle {
    background: -webkit-linear-gradient(#cbcaff, var(--primary-color));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  #available-soon {
    color: var(--primary-color);
    font-size: 1.2rem;
  }

  .button {
    background-color: var(--primary-color);
    color: #000000;
    text-decoration: none;
  }

  .screenshot {
    max-width: 393px;
  }

  @media (max-width: 768px) {
    .screenshot {
      margin: auto;
    }
  }
}

a {
  color: var(--primary-color);
  text-decoration: underline;
}

.footer {
  background-color: #1c1c1e;
}