body {
  font-family: Verdana, sans-serif;
  background-color: #e6dae9;
  color: #1b191c;
}

.main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 700px) {
  .main-content-inner {
    width: 70vw;
  }
}

@media (min-width: 1200px) {
  .main-content-inner {
    width: 50vw;
  }
}

.call-to-action {
  width: 250px;
  height: 50px;
  background-color: #8c499d;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}

@media (min-width: 1000px) {
  .call-to-action {
    width: 400px;
  }
}

.call-to-action:hover {
  background-color: #ac78b8;
}

.call-to-action * {
  color: white;
}

@media (prefers-color-scheme: light) {
  body {
    background-color: #e6dae9;
    color: #1b191c;
  }

  .secret {
    color: #5b4561;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #1b191c;
    color: #e6dae9;
  }

  .secret {
    color: #a081a9;
  }
}