:root {
    --zwart-hex: #000000;
    --zwart-rgb: 0, 0, 0;
    --rood-hex: #D01317;
    --rood-rgb: 208, 19, 23;
    --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(--rood-rgb), 0.9) 10%, rgba(var(--zwart-rgb), 0.9) 10% 20%, rgba(var(--rood-rgb), 0.9) 20% 30%, rgba(var(--zwart-rgb), 0.9) 30% 40%, rgba(var(--rood-rgb), 0.9) 40% 50%, rgba(var(--zwart-rgb), 0.9) 50% 60%, rgba(var(--rood-rgb), 0.9) 60% 70%, rgba(var(--zwart-rgb), 0.9) 70% 80%, rgba(var(--rood-rgb), 0.9) 80% 90%, rgba(var(--zwart-rgb), 0.9) 90%);
}
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-voetbalclub-stal-sport-transparent.webp") no-repeat fixed center;
}
.foutpagina-logo{
    max-width: 180px;
    height: auto;
}
.logo{
    max-width: 100%;
    height: auto;
}