body {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: white;
    overflow: hidden; /* Prevent scrollbars */
}

#container {
    position: relative; /* Make container the positioning context */
    text-align: left;
    width: 100%;
    height: 100%;
}

#message {
    color: #333; /* Dark gray color */
    position: absolute;
    top: 5%; /* Moved 50% higher */
    left: 10%;
    white-space: nowrap;
    transform: none;
    font-family: 'Arial', sans-serif; /* Modern font */
    font-size: 0.75em; /* Half the font size */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Subtle text shadow */
}

#rabbit {
    position: absolute; /* Position rabbit absolutely within container */
    width: 100px; /* Initial size */
    height: auto; /* Maintain aspect ratio */
    cursor: pointer; /* Indicate it's clickable */
}

@media (max-width: 600px) {
    #rabbit {
        width: 80px; /* Smaller size on smaller screens */
    }
}