@charset "UTF-8";
header,.gallery{margin-bottom:20px;padding-bottom:40px;border-bottom: 1px #cfcfcf dashed;}
main{text-align:center;padding-bottom:10px;margin-bottom:30px;}
footer{text-align:center;margin-bottom:50px;}
.gallery{min-height:305px;}
.genre-section{padding-top:30px;}
.genre-section section{text-align:left;}
.genre-section ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1em;line-height:1.8;list-style:none;padding-left:0;margin:5px 0 40px;}
.genre-section li{text-align:left;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;}
.genre-section a{text-decoration:none;}
.box-x img{height:200px;width:auto;border-radius:6px;}
@media screen and (min-width:721px){
footer{margin-bottom:35px;}
.genre-section ul{display:grid;grid-template-columns:repeat(7,1fr);}
}