main{
    margin-top: 10%;
    color: var(--dark-color);
}
#projects_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#project{
    width: max-content;
    background:linear-gradient(#2e2d29d6, #79766452);
    margin: 2rem auto;
    padding: var(--padding-light);
    box-shadow: var(--box-shadow-dark);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 7px;

}
#project > h3{
    font-variant: small-caps;
    color: var(--accent-color);
    padding:0.5rem;
    font-size: var(--fs-med);
}
#project > img{
    max-width: 80%;
}
#project > div > img{
    margin-top: 0.5rem;
    width:70px;
}
#project > div > a{
    color:var(--dark-color);
    transition:all 300ms ease;
    padding: 0.3rem 0.7rem;
    background-color: var(--accent-color);
    border-radius:4px;
    margin: 0.5rem;

}
#project > div > a:hover{
    color: var(--accent-color);
    background-color: var(--dark-color);
}