html, body {
  height: 100%; /* Ensures the body takes full viewport height */
  margin: 0;    /* Remove default margin */
  padding: 0;   /* Remove default padding if any */
}

body {
  font-family: Arial, sans-serif;
  text-align: center;
  margin-top: 20px; /* You can keep or remove this depending on layout */
  background-image: url('grass.gif');
  background-repeat: no-repeat;
  background-size: cover; /* Ensures the background covers entire area */
  background-position: center; /* Optional: centers the background */
}


/* style for all apples, bombs, and power-ups */
.apple, .powerup, .bomb {
    width: 80px;
    height: 80px;
    cursor: pointer;
}