:root {
    --zwart-hex: #000000;
    --zwart-rgb: 0, 0, 0;
    --rood-hex: #ED1F25;
    --rood-rgb: 237, 31, 37;
    --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;
}
body {
    display: grid;
    place-items: center;
    height: 100vh;
    margin: 0;
    background: var(--algemeen-wit-hex) linear-gradient(to right, rgba(var(--algemeen-wit-rgb), 1.00) 0% 15%, rgba(var(--rood-rgb), 1.00) 15% 25%, rgba(var(--algemeen-wit-rgb), 1.00) 25% 35%, rgba(var(--rood-rgb), 1.00) 35% 45%, rgba(var(--algemeen-wit-rgb), 1.00) 45% 55%, rgba(var(--rood-rgb), 1.00) 55% 65%, rgba(var(--algemeen-wit-rgb), 1.00) 65% 75%, rgba(var(--rood-rgb), 1.00) 75% 85%, rgba(var(--algemeen-wit-rgb), 1.00) 85% 100%);
}
h1 {
    font-size: calc(1.50rem + 0.9vw);
}
h2 {
    font-size: calc(1.325rem + 0.8vw);
}
h3 {
    font-size: calc(1.2rem + 0.7vw);
}
h4 {
    font-size: calc(1.2rem + 0.4vw);
}
h5 {
    font-size: 1.00rem;
}
.foutpagina-html{
    height: -webkit-fill-available;
}
.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-turkse-fc-transparent.webp") no-repeat fixed center;
}
.foutpagina-logo{
    max-width: 180px;
    height: auto;
}
.logo{
    max-width: 100%;
    height: auto;
}
.logo-shadow{
    filter: drop-shadow(0px 0px 5px #821417);
}