@font-face {
  font-family: "Playlist Script";
  src: url("./fonts/Playlist-Script.otf") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #262626;
}
::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f6da73;
}

.hero-bg {
  background-image:
    linear-gradient(to bottom, rgba(38, 38, 38, 0.4), rgba(38, 38, 38, 1)),
    url("https://images.unsplash.com/photo-1459749411175-04bf5292ceea?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.script-text {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}