:root {
    --fillcolor: #8fadae
}

@media (prefers-color-scheme: dark) {
    :root {
        --fillcolor: #deb201
    }
}
/* 
#cardwrap {
    animation-name: cardwrap;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

@keyframes cardwrap {
    from {
        opacity: 0;
        rotate: 10deg;
    }

    to {
        opacity: 1;
        rotate: 0deg;
    }
}

.card {
    fill: var(--fillcolor);
} */

@keyframes card {
    from {
        fill: transparent;
    }

    to {
        fill: var(--fillcolor);
    }
}

.carditems {
    fill: var(--backgroundcolor);
}