/* Improve text readability on mobile */
h1 {
    font-size: 2rem; /* Larger text for mobile */
    text-align: center;
    margin-bottom: 10px;
}

ul {
    padding: 0;
    list-style-type: none;
}

li {
    font-size: 4vw; /* Increase list item text size */
    margin: 10px 0;
}

/* Style the toggle button */
#toggleButton {
    background-color: #4CAF50; /* Green background */
    border: none;             /* Remove borders */
    color: white;             /* White text */
    padding: 15px 32px;       /* Some padding */
    text-align: center;       /* Center the text (if needed) */
    text-decoration: none;    /* Remove underline */
    display: inline-block;    /* Get the element to behave like an inline element, but allowing top/bottom margins & padding */
    font-size: 16px;          /* Set a font size */
    margin: 4px 2px;          /* Some margin */
    cursor: pointer;          /* Pointer/hand icon */
    border-radius: 12px;      /* Rounded corners */
}

/* Add a hover effect */
#toggleButton:hover {
    background-color: #45a049; /* Darker green on hover */
}