:root {
    --fc-zwart-hex: #231F20;
    --fc-zwart-rgb: 35, 31, 32;
    --fc-rood-hex: #E03B2D;
    --fc-rood-rgb: 224, 59, 45;
    --algemeen-wit-hex: #ffffff;
    --algemeen-wit-rgb: 255, 255 ,255;
    --algemeen-blauw-hex: #0d6efd;
    --algemeen-blauw-rgb: 13, 110, 253;
    --algemeen-grijs-hex: #bbbbbb;
    --algemeen-grijs-rgb: 187, 187, 187;
    font-size: 16px;
}
html {
    overflow-y: scroll;
}
.foutpagina-html{
    height: -webkit-fill-available;
}
body {
    display: grid;
    place-items: center;
    height: 100vh;
    margin: 0;
    background: var(--fc-rood-hex) linear-gradient(to right, var(--fc-rood-hex) 20%, var(--fc-zwart-hex) 20% 40%, var(--fc-rood-hex) 40% 60%, var(--fc-zwart-hex) 60% 80%, var(--fc-rood-hex) 80%);
}
.foutpagina-body{
    display: grid;
    place-items: center;
    height: 100vh;
    height: -webkit-fill-available;
    margin: 0;
    background-size: initial;
    background: var(--algemeen-wit-hex) url("/theme/images/logo-beringen-fc-transparent.webp") no-repeat fixed center;
}
.logo{
    max-width: 100%;
    height: auto;
}