group-container { display: flex; justify-content: space-evenly; margin: 10px auto 40px; flex-flow: wrap; gap: 10px; }
group-item { display: flex; flex-direction: column; justify-content: space-between; margin: 0px auto; }
group-img { display: flex; width: 300px; justify-content: center; flex-direction: column; }
group-img a { display: block; width: 100%; text-align: center; }
group-img img { max-width: 100%; max-height: 300px; border-radius: 7px; box-shadow: var(--gray-color) 1px 1px 1px 1px; }
group-img img:hover { box-shadow: var(--green-color) 1px 1px 1px 2px; }
group-title { display: block; font-size: 200%; text-align: center; text-shadow: rgb(140, 140, 140) 1px 1px 1px; }
group-title:hover { background-color: var(--green-color); color: var(--white-color); border-radius: 7px; text-shadow: rgb(0, 0, 0) -1px -1px 1px; }
a.back { display: block; width: 140px; font-size: 125%; margin: 0px auto; text-align: center; justify-self: center; box-shadow: var(--gray-color) 2px 2px 1px 2px; border-radius: 7px; }
a.back:hover { background-color: var(--green-color); color: var(--white-color); }
group-container + a.back { margin-bottom: 50px; }