#error-message {
    color: red; /* Text color */
    background-color: #f8d7da; /* Light red background color */
    border: 1px solid #f5c2c7; /* Border with a slightly darker red */
    padding: 10px; /* Padding inside the container */
    border-radius: 5px; /* Rounded corners */
    font-weight: bold; /* Make the text bold */
    display: none; /* Initially hidden; can be shown when needed */
    text-align: center; /* Center the text */
    width: 40%; /* Set a fixed width */
    position: fixed; /* Make the element fixed to the viewport */
    top: 5px; /* Position it from the top of the viewport */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Adjust to center properly */
    z-index: 1000; /* Ensure it is above all other elements */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
    font-size: 1em;
}