.messages {
            position: fixed;
            top: 50%;
            /* left: 20%; */
            /* right: 20%; */
            width: 100%;  /* Full width */
            height: 80px;  /* Adjust height as needed */
            background-color: rgba(190, 159, 21, 0.8); /* Transparent background */
            color: black;
            font-size: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.5s ease-out, visibility 0s 0.5s;
        }

        .messages.show {
            opacity: 1;
            visibility: visible;
            transition: opacity 0.5s ease-in;
            width: 100%;
            height: 80px;
        }
/*