body {
  background-color: #c10b0b;
  color: #fff;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: clamp(1rem, 20px, 2rem);
}

a {
  text-decoration: none;
  color: #fff;
}

img {
  max-width: 100%;
}

h1 {
  font-family: freight-sans-condensed-pro-u, sans-serif;
  font-weight: 900;
}

h2 {
  font-style: italic;
  text-shadow: 3px 3px 0 #000;
  font-size: 2.5rem;
}

h2,
h3,
h4,
h5 {
  font-family: freight-sans-pro-ultra, sans-serif;
  font-weight: 900;
}
h1,
h2,
h3,
h4,
h5 {
  text-transform: uppercase;
}

main h1 {
  font-size: clamp(2rem, 0.8rem + 3vw, 8rem);
}

button {
  cursor: pointer;
}

.break {
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 5px, 0 50px);
  width: 100%;
  height: 50px;
  position: absolute;
}

.red {
  color: #fe0000;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.innerContent {
  max-width: 1440px;
  margin: auto;
  padding: 5rem;
}

#story-trailer {
  background: url(../img/story-trailer/story_trailer_bg_transparent.png)
    center 75% / cover no-repeat;
  overflow: hidden;
}

#features-purchase {
  background: url(../img/purchase/purchase_bg_transparent.png) center 100% /
  cover no-repeat;
}