body {
  font-family: Arial, sans-serif;
  margin: 0; padding: 0;
  animation: fadeIn 1s ease-in;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
header, footer {
  background: #222; color: #fff; padding: 20px; text-align: center;
}
nav a {
  color: white; margin: 0 10px; text-decoration: none;
}
.logo { max-width: 100px; }
main { padding: 20px; }
.gallery img {
  width: 30%; margin: 10px; transition: transform 0.3s ease;
}
.gallery img:hover {
  transform: scale(1.05);
}