/* Style for the task input field */
#taskInput {
    width: 75%;  /* Makes the input field take up 75% of its container's width */
    padding: 7px; /* Adds some padding inside the input box for better text visibility */
    margin: 5px 0; /* Adds vertical spacing around the input field */
    font-size: 1.1em; /* Increases the font size for better readability */
}

/* Style for the task list */
ul {
    font-size: 1.3em; /* Ensures font size matches the input box */
}

/* Responsive adjustments */
@media (max-width: 800px) {
    #taskInput {
        width: 95%; /* Allows the input box to be wider on smaller screens */
    }
}