.projects-heading{
    text-align: center;
    margin-bottom: 1em;
}
.project-flex-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:1em;
    margin-bottom: 2em;
}

.project-picture,.project-para{
    /* border:2px solid yellow; */
    width:90%;
}


.project-picture>a>img, .project-picture>img{
    width:100%;
    display: block;
}

.project-para{
    line-height: 1.5em;
}

a{
    text-decoration: none;
}
a:link, a:visited{
    color: hsl(341, 86%, 57%);
}

@media screen and (min-width: 730px){
    .project-flex-wrapper{
        flex-direction: row;
        justify-content: center;
        align-items:flex-start;
    }
    .project-picture,.project-para{
        width: 40%
    }
    
}