body { font-family: Arial, sans-serif; margin: 0; }
header {
  background: #4CAF50; color: white;
  text-align: center; padding: 20px;
  font-size: 24px;
}
nav {
  display: flex; justify-content: center;
  background: #333;
}
nav a {
  color: white; padding: 14px 20px;
  text-decoration: none; transition: 0.3s;
  cursor: pointer;
}
nav a:hover {
  background: #ddd; color: black; font-weight: bold;
}
main { padding: 20px; text-align: center; }
footer {
  background: #333; color: white;
  text-align: center; padding: 10px;
  position: fixed; width: 100%; bottom: 0;
}

/* Animal */
img.zoomable {
  width: 200px; height: auto;
  transition: transform 0.3s ease;
}
img.zoomable:hover { transform: scale(1.5); }

/* Array */
.container { text-align: center; padding: 20px; }
input, button { margin: 5px; padding: 5px 10px; }
textarea { width: 80%; height: 100px; margin-top: 10px; }