body {
  background-image: url("spiral.gif");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; /* Optional: keeps background fixed */
}


img {
  border-radius: 50%;
}

/* Style for the greetings area */
#greetings {
    background-color: rgba(29, 29, 29, 0.5); /* semi-transparent black background */
    color: white; /* text color for contrast */
    padding: 20px; /* space around the text */
    border-radius: 10px; /* rounded corners for better appearance */
    font-size: 2em; /* make the greeting more prominent */
    text-align: center; /* center the text */
    max-width: 80%; /* optional: limit width for better readability */
    margin: 20px auto; /* center the element horizontally */
}