:root {
    --bg-cfc: #be1522;
}
@font-face {
    font-family: "cfc", sans-serif;
    src: url(../fonts/din-black-webfont.woff);
    font-weight: 900;
}

@font-face {
    font-family: "cfc", sans-serif;
    src: url(../fonts/din-light-webfont.woff);
    font-weight: 300;
}

@font-face {
    font-family: "cfc", sans-serif;
    src: url(../fonts/din-regular-webfont.woff);
    font-weight: 400;
}

@font-face {
    font-family: "cfc", sans-serif;
    src: url(../fonts/din-medium-webfont.woff);
    font-weight: 500;
}

.font-sans {
    font-family: "cfc", sans-serif;
}

.border-indigo-400 {
    border-color: var(--bg-cfc);
}

.bg-blue-700 {
    background-color: var(--bg-cfc);
}

.hover\:bg-blue-700:hover {
    background-color: var(--bg-cfc);
    opacity: 0.8;
}