.card--quickfact {
    padding: var(--space-0);
    min-height: 300px;
    background-color: hsla(var(--card-background-light) / 10000% );
    border: 1px solid hsla(var(--border-carnelian) / 2500%);
    position: relative;
    height: 100%;
    margin-bottom: var(--space-32);
}
    
    .card--quickfact .card-content {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: var(--space-32);
        height: 100%;
    }
    
    .card--quickfact .card-content .fontawesome-icon {
            height: var(--space-64);
            display: flex;
            align-items: flex-start;
            justify-content: center;
        }
    
    .card--quickfact .card-content .fontawesome-icon svg {
                color: hsla(var(--carnelian-dm, var(--carnelian)) / 10000%);
                width: 3.25em;
                height: 3.25em;
            }
    
    .card--quickfact .card-content .fontawesome-icon i {
                font-size: var(--step-5);
                color: hsla(var(--carnelian-dm, var(--carnelian)) / 10000%);
                font-family: var(--font-awesome);
                font-weight: 200;
            }
    
    .card--quickfact .card-content h3 {
            color: hsla(var(--carnelian-dm, var(--carnelian)) / 10000%);
            font-family: var(--clocktower-sans-serif);
            font-size: var(--step-1);
            font-weight: var(--semibold);
            text-align: center;
        }
    
    .card--quickfact .card-content p {
            color: var(--cardText);
            font-size: var(--step-1);
            text-align: center;
    
        }
    



html[data-theme="dark"] .quick-fact {
        border: 0;
    }
    



html[data-theme="dark"] .quick-fact .card-content h3 {
                color: hsla(var(--text-light));
            }
    



html[data-theme="dark"] .quick-fact .card-content h3::after {
                    border-color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                }
    



html[data-theme="dark"] .quick-fact .card-content .fontawesome-icon i {
                    color: hsla(var(--text-white-dm, var(--text-white)));
                }