.bg-co-light {
    background-color: #9500FF;
}

.bg-co, input:checked ~ .dot {
    background-color: #614696;
}

.bg-co-dark {
    background-color: #271C3C;
}

.bg-black-94, #user-menu li:hover {
    background-color: #111111;
}

.bg-black-87 {
    background-color: #222222;
}

.bg-black-07 {
    background-color: #eeeeee;
}

.co-light {
    color: #9500FF;
}

.co {
    color: #614696;
}

.co-medium, input:checked ~ .dot {
    color: #443169
}

.co-dark {
    color: #271C3C;
}

.co-black-07 {
    color: #eeeeee;
}

.co-black-87 {
    color: #222222;
}

.b-black-87 {
    border-color: #222222;
}

.b-black-07 {
    border-color: #eeeeee;
}

.b-co-light {
    border-color: #9500FF;
}

.b-co {
    border-color: #614696;
}

input:checked + label.co-black-87.bg-black-07 {
    background-color: #614696;
    color: #eeeeee;
}

.logo {
    background: url(../images/logo_white.svg);
}

/* Code Cards */
.card .title{
    text-shadow: 0px 0px 5px #eeeeee;
}

/* map */

.legend.pirate {
    background-color: #614696;
}

.legend.with-ballot {
    background-color: #619646;
}

.legend.partagetaramette {
    background-color: #966146;
}

.legend.candidate-male {
    background-color: #ff5722;
}

.legend.candidate-female {
    background-color: #9ccc65;
}

/* donation */

#donation-flash {
    top: 100px; left: calc(50vw - 125px);
    animation: donation-flash 3s ease-in-out both, show-flash 6s ease-in-out both;
}

@keyframes donation-flash {
    0% { transform: scale(0) rotate(0deg);}
    50% { transform: scale(3) rotate(-20deg);}
    100% { transform: scale(1) rotate(-5deg);}
}

@keyframes show-flash {
    0% { opacity: 1; color: #eeeeee; background-color: #9500FF; }
    80% { opacity: 1; color: #eeeeee; background-color: #9500FF; }
    90% { opacity: 1; color: #ffffff; background-color: #ffffff; }
    100% { opacity: 0; color: #ffffff; background-color: #ffffff; }
}

/**/

@media (min-width: 1280px)
{
    .xl\:bg-black-87 {
        background-color: #222222;
    }
}

:root {
  --clr-neon: #9500FF;
  --clr-bg: #eeeeee;
}