html,body{ background: #000;}
.main{text-align: center; padding: 2em; width: 900px; max-width: 92vw; margin: auto}
.main p{padding: 0 0 2em;}
.main ul{ display: flex; justify-content: space-between; align-items: center;}
.main li{text-align: center; padding: 0 24px 40px;}
.main li a{transition-duration: 0.5s; opacity: 0.5}
.main li a:hover{opacity: 1;}

.gallery{ padding: 0 0 5em}
.gallery ul{ width: 550px; margin: auto; max-width: 92vw; display: flex; justify-content: space-between; flex-wrap: wrap;}
.gallery li{box-sizing: border-box; flex: 0 0 20%;}
.gallery li a{display: inline-block; border: 2px solid #fff;}
.gallery li a:hover{border: 2px solid #F52876}