.genericSeries {
    --var-start: hsl(from var(--var-design) h s 10%);
    --var-end: hsl(from var(--var-design) h s 30%);
    --var-header: var(--var-design);
    --var-text: white;
}


.card {
    background: linear-gradient(135deg,
            var(--var-start) 35%,
            var(--var-end) 100%);

    padding-left: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 1em;
    margin-right: 1em;

    color: var(--var-text);
}

.title {
    margin: 0;
    color: var(--var-header);
    font-size: 1.75em;
    text-decoration: none !important;
    text-decoration-style: none !important;
    text-shadow: 0px 0px 14px black, 0px 0px 14px black;
}

.description {
    margin: 0;
    font-size: 1.0em;
    text-decoration: none !important;
    text-decoration-style: none !important;
}

.series-container {
    text-decoration: none;
    margin: 1em;
}

.subseries {
    width: 100%;
    display: inline-block;
    margin: auto;

}
.superseries {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.subseries .series-container {
    margin: 0;
}

.externa {
    border: 2px dashed #FFFFFF40;
}