h1{
    margin-bottom: .5rem;
}
h1 + p{
    color: var(--zwart);
    font-size: 1.2rem;
}
.projecten{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.5rem;
    gap: 1rem;
    justify-content: flex-start;
    li{
        position: relative;
        border: .2rem solid var(--blauw);
        border-radius: 1rem;
        overflow: hidden;
        min-width: 20rem;
        display: flex;
        flex-direction: column;
        .project{
            padding: 2rem;
            flex-grow: 1;
            border-top: 2px solid var(--zwart);
            p{
                font-size: 1.2rem;
            }
            a{
                font-size: 1.2rem;
                font-weight: bold;
                text-decoration: none;
                color: blue;
            }
        }
    }
    picture{
        width: 25rem;
        order: -1;
    }
    img{
        max-height: 25rem;
    }
}