.container-header {
    z-index: 10;
    background-color: #b1c800;
    background-image: linear-gradient(135deg, #b1c800 0%, #b1c800 100%);
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
}
.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #a5027d;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius) -(var(--border-width)));
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: #b1c800;
    --card-cap-color: ;
    --card-height: ;
    --card-color: ;
    --card-bg: #b1c8005e;
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    height: var(--card-height);
    color: #a5027d;
    word-wrap: break-word;
    background-color: #b1c8008a;
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    min-width: 0;
    display: flex;
    position: relative;
}
:root {
    --cassiopeia-color-primary: #a5027d;
    --cassiopeia-color-link: #a5027d;
    --link-color: #a5027d;
    --link-color-rgb: 48, 99, 141;
    --cassiopeia-color-hover: #a5027d;
    --link-hover-color: #a5027d;
    --link-hover-color-rgb: 149, 75, 86;
}
body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: #a5027d;
    text-align: var(--body-text-align);
    background-color: var(--body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #0000;
    margin: 0;
}