@import "../styles.css";

#dresscodeSection {
    margin-top: 20px;
}

#dresscodeSection h2 {
    color: var(--neon-magenta-core);
    font-family: "Neonderthaw", cursive;
    font-size: 3em;
    text-shadow:
        0 0 2px var(--neon-magenta-core),
        0 0 10px var(--neon-magenta-core),
        0 0 18px rgba(255, 77, 255, 0.95),
        0 0 45px var(--neon-magenta-soft),
        0 0 60px rgba(255, 77, 255, 0.45);
    animation: neonFlicker 3s infinite alternate;
}

#dresscodeImgsContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

#dresscodeImgsContainer .dresscodeImg {
    width: 90%;
    max-width: 400px;
    height: auto;
}

#dresscodeImgsContainer .dresscodeImg img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow:
        0 0 2px var(--neon-blue-core),
        0 0 6px var(--neon-blue-core),
        0 0 14px rgba(0, 168, 255, 0.55);
}

#dresscodeImgsContainer {
    margin-bottom: 50px;
}