/* Main styles for the wallpaper site */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #333;
  line-height: 1.6;
}

/* Custom Hero Section Styling */
.hero-section {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: white;
  padding: 3rem 0; 
  border-radius: 0.5rem;
} 

/* Wallpaper Card Hover Effects */
.wallpaper-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wallpaper-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
 
/* Custom Button Styles */
.btn-primary {
  background-color: #4f46e5;
  color: white;
  padding: 0.5rem 1.5rem; 
  border-radius: 0.375rem;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.btn-primary:hover {
  background-color: #4338ca;
}
 
/* Utility classes */
.text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to right, #667eea, #764ba2);
}

/* Animation for featured wallpapers */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.featured-wallpaper {
  animation: fadeIn 0.5s ease forwards;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}