@font-face {
  font-family: "SimplonNorm";
  src: url("assets/fonts/SimplonNorm-Regular-WebXL.woff2") format("woff2"),
       url("assets/fonts/SimplonNorm-Regular-WebXL.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "SimplonNorm", sans-serif;
  background-image: url("assets/images/background.jpg");
  background-size: cover;
  background-position: top;
}
.bg-custom-dark-blue {
  background-color: #344256;
}
@media (max-width: 640px) {
  .mobile-tap:active {
    background-color: rgb(185, 28, 28); /* Darker red for tap feedback (equivalent to bg-red-700) */
    opacity: 0.9;
    transition: background-color 0.2s ease, opacity 0.2s ease;
  }
}
@media (min-width: 641px) {
  .mobile-tap:hover {
    background-color: rgb(185, 28, 28); /* bg-red-700 for hover on desktop */
    transform: scale(1.05);
    transition: background-color 0.2s ease, transform 0.2s ease;
  }
}