body { font-family: Arial, sans-serif; margin:0; padding:0; }
header { background-image: url('../images/front_cover.jpg'); background-size: cover; background-position: center; height: 60vh; color: white; display: flex; align-items: center; justify-content: center; text-shadow: 1px 1px 2px #000; }
header h1 { font-size: 3rem; }
nav { background: #333; padding: 1rem; text-align: center; }
nav a { color: #fff; margin: 0 1rem; text-decoration: none; }
main { padding: 2rem; }
footer { text-align: center; padding: 1rem; background: #f4f4f4; }
@media (max-width:600px) {
  header { height: 40vh; }
  header h1 { font-size: 2rem; }
  nav a { display: block; margin: 0.5rem 0; }
}