body {
    margin: 0;
    font-family: "Libre Baskerville", serif;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    color: #333;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  header, footer {
    text-align: center;
    padding: 15px;
  }
  main {
    flex: 1;
    max-width: 800px;
    margin: 20px auto;
    padding: 0 15px;
  }
  h1 {
    text-align: center;
    color: #444;
  }
  footer a {
  margin: 0 10px;
  color: #444;
  text-decoration: none;
  transition: color 0.3s, text-shadow 0.3s;
}
footer a:hover {
  color: #000;
  text-shadow: 0 0 5px rgba(0,0,0,0.3);
}