@import url('https://fonts.googleapis.com/css2?family=Nova+Mono&family=Oswald:wght@200..700&display=swap');

body {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.nova-mono-regular {
  font-family: "Nova Mono", monospace;
  font-weight: 400;
  font-style: normal;
}
.hero-gradient {
  background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
}

.bg-yellow {
      background: #f59e0b;
}
.game-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.modal {
  transition: opacity 0.3s ease-in-out;
}
.modal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.container {
  max-width: 1200px !important;
}

.hidden-important {
  display: none !important;
}

@media (min-width: 768px) {
  .footer-box {
    grid-template-columns: 60% 20% 20%;
  }
}