body {
    font-family: 'Roboto', sans-serif !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}
h1, h2, h3, h4, h5, h6, p, ul, li, th, tr, label, span {
    color: rgb(33, 37, 41);
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 24px;
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    text-indent: 0px;
}
a {
    text-decoration: none !important;
}
@media (prefers-color-scheme: dark) {
    h1, h2, h3, h4, h5, h6, p, ul, li, th, tr, label, span {
        color: rgb(255, 255, 255) !important;
    }
}
/* Pagina titels */
h1 {
    font-size: 1.6rem !important;
}
.href-normal {
    color: inherit;
    text-decoration: none;
}
/* Speciale styling rules */
.container {
    padding-top: 2rem !important;
    padding-bottom: 3rem !important;
}
.at-content hr {
    border-color: #798186;
}
#navbar_top .navbar a {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body, .at-nav {
        background-color: #18191a !important;
    }
    /* Styling van inhoud */
    h1, h2, h3, h4, h5, h6, p, ul, li, label, span, i {
        color: #f2f2f3 !important;
    }
    /* Header */
    #header .nav-link {
        color: #f2f2f3 !important;
    }
}
/* Fade in page */
.container {
    -webkit-animation: fadein 0.5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s;
    /* Firefox < 16 */
    -ms-animation: fadein 0.5s;
    /* Internet Explorer */
    -o-animation: fadein 0.5s;
    /* Opera < 12.1 */
    animation: fadein 0.5s;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}