/* /Views/Shared/_Layout.cshtml.rz.scp.css */
body > div[b-bbxyz4swgp] {
    height: 100%;
    display: flex;
    flex-flow: column;
    background-color: var(--pageBgColor);

    .resources {
        background-color: var(--resourcesBgColor);
        color: var(--resourcesTextColor);
        padding: 0.5rem;

        header {
            border-bottom: 1px solid var(--resourceHeaderBorderColor);
        }

        h2[b-bbxyz4swgp] {
            color: var(--resourcesH2Color);
        }
    }
}
header[b-bbxyz4swgp] {
    background-color: var(--headerBgColor);
    position: relative;
    color: var(--headerTextColor);
}
main[b-bbxyz4swgp] {
    background-color: var(--mainBgColor);
    flex: auto;
    padding: 0.5rem;
}
footer[b-bbxyz4swgp] {
    background-color: var(--footerBgColor);
    color: var(--footerTextColor);
    padding: 1rem;
    text-align: center;
}
a.logo[b-bbxyz4swgp] {
    display: inline-flex;
    padding: 0.5rem;

    img {
        width: 8rem;
        margin: 0.5rem;
    }

    div[b-bbxyz4swgp] {
        padding: 1rem;
    }

    .verbond[b-bbxyz4swgp],
    .darts[b-bbxyz4swgp] {
        color: var(--logoTextColor1);
    }

    .ghent[b-bbxyz4swgp] {
        color: var(--logoTextColor2);
    }

    &:hover[b-bbxyz4swgp] {
        text-decoration: none;
    }
}