body {
    font-family: 'Roboto Mono', monospace;
    background-color: #383940;
}

.navbar-brand.pride-text,
.navbar-brand.halloween-text,
.navbar-brand.christmas-text,
.navbar-brand.valentine-text {
    display: inline-block;
    position: relative;
}

/* =========================
   PRIDE 🌈
========================= */

.pride-text {
    background: linear-gradient(
        90deg,
        #ff0000,
        #ff8800,
        #ffee00,
        #00cc44,
        #0099ff,
        #aa00ff
    );

    background-size: 300% auto;

    animation: prideFlow 6s linear infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes prideFlow {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 300% center;
    }
}

/* =========================
   HALLOWEEN 🎃
========================= */

.halloween-text {
    background: linear-gradient(
        90deg,
        #ff6a00,
        #ff9500,
        #ff2d55,
        #6a00ff
    );

    text-shadow:
        0 0 10px rgba(255, 106, 0, 0.8),
        0 0 20px rgba(255, 106, 0, 0.5),
        0 0 40px rgba(255, 45, 85, 0.3);

    animation: halloweenGlow 2s ease-in-out infinite alternate;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes halloweenGlow {
    from {
        filter: brightness(1);
    }

    to {
        filter: brightness(1.3);
    }
}

/* =========================
   CHRISTMAS 🎄
========================= */

.christmas-text {
    background: linear-gradient(
        90deg,
        #00c853,
        #ffffff,
        #ff1744
    );

    text-shadow:
        0 0 8px rgba(255,255,255,0.8),
        0 0 16px rgba(255,255,255,0.5);

    animation: christmasShine 3s ease infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes christmasShine {
    0% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(1.4);
    }

    100% {
        filter: brightness(1);
    }
}

/* Snow effect */

.christmas-text::after {
    content: " ❄️";
    position: absolute;
    top: -10px;
    right: -25px;

    animation: snowFloat 2s ease-in-out infinite alternate;
}

@keyframes snowFloat {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(6px);
    }
}

/* =========================
   VALENTINE ❤️
========================= */

.valentine-text {
    background: linear-gradient(
        90deg,
        #ff1744,
        #ff4081,
        #ff80ab
    );

    text-shadow:
        0 0 12px rgba(255, 64, 129, 0.7),
        0 0 24px rgba(255, 64, 129, 0.4);

    animation: heartbeat 1.5s ease infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.04);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

.valentine-text::after {
    content: " ❤";
    position: absolute;
    margin-left: 8px;

    animation: heartFloat 1.5s ease infinite;
}

@keyframes heartFloat {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        transform: translateY(-4px);
        opacity: 0.8;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}