* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: #020711; }
main {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    linear-gradient(90deg, rgba(2,7,17,.64), rgba(2,7,17,.15) 55%, rgba(2,7,17,.36)),
    url("assets/streaming-background.webp") center / cover no-repeat;
}
h1 {
  margin: 0;
  color: rgba(255,255,255,.94);
  font-family: "Outfit", sans-serif;
  font-size: clamp(42px, 7vw, 104px);
  font-weight: 300;
  letter-spacing: .28em;
  text-align: center;
  text-indent: .28em;
  text-shadow: 0 0 38px rgba(42,196,255,.38), 0 2px 18px rgba(0,0,0,.7);
}
@media (max-width: 600px) {
  main { background-position: 65% center; }
  h1 { font-size: clamp(36px, 11vw, 54px); letter-spacing: .18em; text-indent: .18em; }
}