@import "../CSS/flux_flipcard.css";

@font-face {
    font-family: 'nationalebold';
    src: url('../Fonts/nationale-bold-webfont.woff2') format('woff2'),
    url('../Fonts/nationale-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'nationaleregular';
    src: url('../Fonts/nationale-regular-webfont.woff2') format('woff2'),
    url('../Fonts/nationale-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'nationaledemibold';
    src: url('../Fonts/nationale-demibold-webfont.woff2') format('woff2'),
    url('../Fonts/nationale-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.preview-container {
    font-family: 'nationaleregular', 'sans-serif';
    line-height: 1.4;
}

.preview-container-lg {
    width: 759px;
}

.preview-container-sm {
    width: 436px;
}

.preview-container-xs {
    width: 296px;
}

.preview-container h3 {
    font-family: 'nationaledemibold', 'sans-serif';
}

.preview-container .row {
    display: flex;
    flex-wrap: wrap;
}

input.show-preview + div {
    display: none;
}

input.show-preview:checked + div {
    display: block;
}