body {
  font-family: "Segoe UI", sans-serif;
  padding: 10px;
}
.game-card:hover {
  background-color: #ffe082;
  transform: scale(1.02);
  transition: all 0.2s;
}

/* Footer styling */
.footer {
  background-color: #333;
  color: white;
  padding: 0.6rem;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 0.9rem;
}

.footer a {
  color: #ff9800;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

/* Footer container styling */
.footer-container {
  position: relative;
  bottom: 0;
  width: 100%;
}

main {
  padding: 2rem;
  margin: 2rem;
}
a {
  text-decoration: none;
}

/* Responsive Adjustments for Mobile */
@media (max-width: 767px) {
  /* Adjust Footer padding on mobile */
  .footer {
    padding: 0.5rem; /* More padding for mobile */
    font-size: 1rem; /* Slightly larger font size on small screens */
  }

  /* Reduce the padding for main content on mobile */
  main {
    padding: 3rem; /* Less padding for mobile */
    margin-bottom: 3.5rem; /* Ensures footer isn't covering content */
  }
}