* {
  box-sizing: border-box;
  font-family: "Montserrat Alternates", serif;
  margin: 0;
  padding: 0;
  border: 0 solid;
}

html,
body {
  width: 100vw;
  overflow-x: hidden;
  color: #023c72;
}

a {
  text-decoration: none;
}

.text--white {
  color: #fff;
}

.text--xl {
  font-size: 1.25rem;
}

.text--sm {
  font-size: 0.875rem;
}

.font--akaya {
  font-family: "Akaya Telivigala", serif;
}

.font--semibold {
  font-weight: 600;
}

.button {
  background: #fff;
  padding: 1rem;
  color: inherit;
  border-radius: 1.25rem;
  border: none;
  cursor: pointer;
}

.button--outlined {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.button--accent {
  background: #023c72;
  color: #fff;
}

.button--accent-shadow {
  box-shadow: inset -4px -4px 4px 0 rgba(0, 0, 0, 0.25),
    inset 2px 2px 4px 0 rgba(255, 255, 255, 0.15);
}

.text--heading-shadow {
  text-shadow: 0 0 16px #fff;
}

.text--shadow {
  text-shadow: 0 0 8px #fff;
}

.text--shifted-shadow {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.text--discount-shadow {
  text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 0 0 5px #fff;
}

.text--gold-gradient {
  background: linear-gradient(
    to right,
    #ffe130 0%,
    #fdb401 34%,
    #e99c0a 63%,
    #ffe133 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}