/* 
  Author: Ismael Ferreira
  Lab: Guided Lab 8 - Indie Game Showcase
  Description: Custom styles for layout, animations, and hover effects
*/

/* 1️⃣ Custom Hover Effect for Game Images (Creative Element #1) */
img:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

/* 2️⃣ Animated Gradient Background for Header (Creative Element #2) */
header {
  background: linear-gradient(-45deg, #0f0c29, #302b63, #24243e, #1f1c2c);
  background-size: 400% 400%;
  animation: gradientShift 10s ease infinite;
  color: white;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* General Typography */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
  color: #333;
}

/* Section Headings */
h2, h3 {
  color: #2c3e50;
}

/* Footer Styling */
footer {
  background-color: #e9ecef;
  font-size: 0.9rem;
}

/* Link Styling */
a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}