.leaf {
  position: fixed;
  top: -50px;
  animation-name: fall;
  animation-timing-function: linear;
  color: orange;
}

@keyframes fall {
  0% { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(100vh) rotate(360deg); }
}

body {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  margin: 20px;
  line-height: 1.6;

  /* ✅ Background with RGBA overlay */
  background: 
    linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),
    url("background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

h1, h3 {
  margin: 10px 0;
}

ul {
  list-style-type: square;
  margin-left: 20px;
}