.main-nav {
    background: #66ccff;

    padding: 12px 0;
    font-family: Verdana, sans-serif;

    margin-left: calc(260px + 20px);
    margin-right: calc(200px + 20px);

    text-align: center;
    border-bottom: 2px solid #0ff; /* subtle neon divider */
    box-shadow: 0 0 12px rgba(0,255,255,0.4); /* faint glow */
}

.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.main-nav a {
    display: inline-block;
    padding: 10px 18px;
    background: #111;
    border: 2px solid #0ff;
    border-radius: 8px;
    color: #0ff;
    font-size: 15px;
    text-decoration: none;
    text-shadow: 0 0 6px #0ff;
    box-shadow: 0 0 10px #0ff inset, 0 0 10px #0ff;
    transition: 0.2s ease;
}

@keyframes neonBounce {
    0%   { transform: translateY(0); }
    40%  { transform: translateY(-6px); }
    60%  { transform: translateY(2px); }
    80%  { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}