.fixed-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.fixed header > * {
    flex: 1;
    text-align: center;
    min-width: 100px;
    margin: 5px;
}

.hover-text {
            color: #000; /* Original text color */
            text-decoration: none; /* No underline initially */
            transition: color 0.3s; /* Smooth transition for color change */
        }

.hover-text:hover {
            color: #90C649; /* Color on hover */
            text-decoration: underline; /* Underline on hover */
        }
.hover-text {
            color: #000; /* Original text color */
            text-decoration: none; /* No underline initially */
            transition: color 0.3s; /* Smooth transition for color change */
        }

.hover-text:hover {
            color: #90C649; /* Color on hover */
            text-decoration: underline; /* Underline on hover */
        }
