.intro {
    background: oklch(0.9551 0 0);
    padding: 2rem 0;
    .container{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }
    p {
        span{
            color: var(--primary);
        }
    }
}

main {
    img {
        display: none;
        border-radius: var(--border);
        margin-top: -8rem;
    }

    section:first-child:not(.hero) {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5rem;
    }

    #ons {
        color: white;
        background: url("/afbeeldingen/home/ons.jpg");
        padding: 3rem 2rem;

        h2, p {
            margin: 0;
            width: fit-content;

        }

        h2 {
            color: var(--primary);
            padding-bottom: 1rem;
            margin-inline: auto;
            font-size: 3rem;
        }

        p {
            padding: 1rem;
        }

        .container {
            background-color: var(--background);
            border-radius: var(--border);
        }

    }

    #fotografen {
        margin-top: -1.5rem;
        background: linear-gradient(
                to bottom,
                #001506 39%,
                #415146DB 88%,
                #CBD0CC 121%,
                #CBD0CCFC 104%,
                #FFFFFFB2 107%
        );

        .container {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: stretch;
            flex-wrap: wrap;
            gap: 1rem;
            padding: 5rem 2rem;

            .card {
                background-color: #2E8F7E;
                width: 20rem;
                padding: 1rem;
                border-radius: 2%;
                flex-grow: 1;
                box-shadow: .2rem .2rem .4rem #1c1c1c;
            }
        }
    }
}