.logo-svg {
    width: 50px;
    transition: all 0.3s ease-out;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    max-height: 50px; /* Example: Limit logo size */
    max-width: 100%; /* Ensure it scales responsively */
}

.menu-item {
    flex: 1;
    color: #666666;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 0.9em;
}

.menu-item-left {
    text-align: left;
}
.menu-item-right {
    text-align: right;
}
.menu-item-center {
    text-align: center;
    align-items: center; /* Vertically center content */
    justify-content: center; /* Horizontally center content */
}