#project_main{
    width: 80%; align-self: center; display: flex; flex-direction: column;
}

#project_main h2{
    align-self: center; margin-bottom: 32px; 
}

#project_main>section{
    display: flex; justify-content: space-evenly; flex-direction: column;
}

.project_row{
    height: 310px; display: flex; justify-content: space-evenly;
}

.projects{
    width: 250px;
}

.projects>a{
    height: fit-content; width: 250px; display: block; text-align: center;
}

.projects>a:hover span{
     opacity: 0.5; 
}

.projects>a img{
    height: 250px; width: 250px;
}

.projects>a>span{
   padding: 8px; color: black; 
    background-color: hsla(0, 0%, 100%, 0); font-weight: 700; border-radius: 5px;
}