.projects{gap:40px;flex-direction: column}
.project > a{overflow: hidden;}
.project .content{padding: 0 20px;}
.project img{display: block;transition: transform 1s ease-in-out}
.project > a:hover img{transform: scale(1.35)}
.pagination nav{display: flex; justify-content: center;align-items: center;gap:20px;margin-bottom: 3em; line-height: 1;}
.pagination svg{display: block;width: 10px;}

@media screen and (min-width: 768px){
    .entry-title{text-align: center;}
    .entry-content{max-width: 730px;margin-left: auto;margin-right: auto;}
    .project {align-items: center}    
    .project > a{flex: 0 0 320px}
    .project h2{margin-top: 0;}
    .project p:last-child{margin-bottom: 0;}
}

@media screen and (min-width: 1024px) {
    .projects{gap:60px;margin-top: 5em;}
.project:nth-child(even){flex-direction: row-reverse}
    .project:nth-child(even) .content{text-align: right;}
    .project > a{flex-basis: 50%}
    .project .content{padding: 0 40px;}
    .pagination{margin-bottom: 5em;}
}
@media screen and (min-width: 1240px) {
    .projects{gap:100px}
.project .content{padding: 0 60px;}
}
@media screen and (min-width: 1600px) {
    .projects{max-width: 1600px;margin-left: auto;margin-right: auto;}
}