body {

    &:has(section.onderhoud){
        padding: 0;
        margin: 0;
    }

    section.onderhoud {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        background-color: #830051;
        padding: 1.25rem;
        margin: 0;
        text-align: center;
        height: 100vh;
        gap: .75rem;

        .logo {

            img {
                width: 5rem;
                filter: brightness(0) invert(1);
            }

            p {
                display: none;
            }

        }

        h1 {
            font-size: 2.5rem;
            letter-spacing: 1px;
        }

        p {
            font-size: 1.1rem;
            line-height: 2;
        }

        * {
            color: #fff;
        }

        .btn {
            padding: .5rem .75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            color: #830051;
            border-radius: .25rem;
            font-size: .9rem;
            font-weight: 600;
        }

    }

}