:root {
  --primary: 30 64 175;
  --secondary: 13 148 136;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

p {
  max-width: 65ch;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.72);
  mix-blend-mode: multiply;
}

.hero-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(2, 6, 23, 0.92), rgba(2, 6, 23, 0.45), transparent);
}