@layer base {

  html {
    font-family: "Changa", sans-serif;
  }
}

/* Global text selection */
::selection {
  background-color: #000;
  color: white;
}

/* Firefox support */
::-moz-selection {
  background-color: #DF2226;
  color: white;
}

.hero-bg-noise {
  position: relative;
  background-color: #DF2226;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)),
    url("/assets/images/home/noise.png");
  background-repeat: no-repeat, repeat;
  background-size: cover, 200px 200px;
  background-position: center, center;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}