@media (max-width: 768px) {
  nav .container {
    flex-direction: column;
  }
  
  nav .logo {
    margin-bottom: 1rem;
  }
  
  nav ul {
    flex-direction: column;
    align-items: center;
    space-x-0 !important;
  }
  
  nav ul li {
    margin: 0.5rem 0;
  }
}


@media (max-width: 1024px) {
  footer .container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  footer .container {
    grid-template-columns: 1fr !important;
  }
}


footer ul li {
  margin-bottom: 0.5rem;
}


body {
  font-family: 'Open Sans', sans-serif;
  scroll-behavior: smooth;
}

@keyframes snail-move {
  0% { transform: translateX(0); }
  50% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

.game-container iframe {
  transition: all 0.3s ease;
}

.game-container iframe:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}