a{
  text-decoration: unset;
}

.simple-menu {
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    z-index: 100;
    color: #003f80;
}

.menu-item {
    color: inherit;
    padding: 4px 8px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Subtle random pulsing animations */
.menu-item:nth-child(1) {
    animation: pulse1 3.2s ease-in-out infinite;
}

.menu-item:nth-child(2) {
    animation: pulse2 2.8s ease-in-out infinite;
}

.menu-item:nth-child(3) {
    animation: pulse3 3.5s ease-in-out infinite;
}

/* Different pulse keyframes for randomness */
@keyframes pulse1 {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1);
    }
    50% { 
        opacity: 0.7; 
        transform: scale(1.02);
    }
}

@keyframes pulse2 {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1);
    }
    30% { 
        opacity: 0.8; 
        transform: scale(1.01);
    }
    70% { 
        opacity: 0.6; 
        transform: scale(1.03);
    }
}

@keyframes pulse3 {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1);
    }
    25% { 
        opacity: 0.9; 
        transform: scale(1.01);
    }
    75% { 
        opacity: 0.65; 
        transform: scale(1.025);
    }
}

/* Hover effects */
.menu-item:hover {
    animation-play-state: paused;
    opacity: 1 !important;
    transform: scale(1.05) !important;
    color: #0066cc;
}

/* Alternative: Glow pulse effect (uncomment to use instead) */
/*
.menu-item {
    text-shadow: 0 0 2px rgba(0, 63, 128, 0.3);
}

.menu-item:nth-child(1) {
    animation: glow1 2.7s ease-in-out infinite;
}

.menu-item:nth-child(2) {
    animation: glow2 3.1s ease-in-out infinite;
}

.menu-item:nth-child(3) {
    animation: glow3 2.9s ease-in-out infinite;
}

@keyframes glow1 {
    0%, 100% { text-shadow: 0 0 2px rgba(0, 63, 128, 0.3); }
    50% { text-shadow: 0 0 8px rgba(0, 63, 128, 0.6); }
}

@keyframes glow2 {
    0%, 100% { text-shadow: 0 0 2px rgba(0, 63, 128, 0.3); }
    40% { text-shadow: 0 0 6px rgba(0, 63, 128, 0.5); }
    80% { text-shadow: 0 0 10px rgba(0, 63, 128, 0.7); }
}

@keyframes glow3 {
    0%, 100% { text-shadow: 0 0 2px rgba(0, 63, 128, 0.3); }
    60% { text-shadow: 0 0 12px rgba(0, 63, 128, 0.8); }
}
    */