.comic_pg{display:flex;flex-direction:column}.comic_pg a{display:contents}.comic_pg a div{display:flex;margin:10px;min-height:170px;overflow:hidden;border-radius:4px;background-position:50%;background-repeat:no-repeat;background-size:cover;filter:grayscale(1)}.comic_pg div:hover{filter:grayscale(0);opacity:1;animation:aniBG 4s linear infinite}.comic_pg div details{align-self:flex-end}.comic_pg details{margin:0}.comic_pg summary{display:inline-block;background-color:#ccc;border:4px solid var(--color-bg-primary);padding:0;margin-left:-4px;margin-bottom:-4px;cursor:pointer}.comic_pg div:hover summary{background-color:var(--color-gold)}.comic_pg details h5{color:#333;margin:4px 10px}.comic_pg details:hover h5{color:#fff}.comic_pg details p{color:var(--color-bg-secndary);background-color:var(--color-bg-primary);height:0;margin:0;padding:4px 10px}.comic_pg div:hover details p{display:block;height:100%}@keyframes aniBG{0%{background-size:cover}to{background-position:-70px -40px;background-size:160%}}.hero{grid-area:hero}.ng1{grid-area:ng1}.ng2{grid-area:ng2}.ng3{grid-area:ng3}.blkbrd{grid-area:blkbrd}.marks{grid-area:marks}.skbk1{grid-area:skbk1}.skbk2{grid-area:skbk2}.sites{grid-area:sites}.screens{grid-area:screens}.toons{grid-area:toons}@media (min-width:600px){.comic_pg{width:110%;margin:20px auto 20px -5%;display:grid;gap:1rem;grid-template-areas:"ng1   ng1     ng2   ng2" "ng1   ng1     ng3   ng3" "sites screens blank blank"}.comic_pg div{margin:0;padding:0;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end}.comic_pg a div{margin:0}.comic_pg div details{align-self:stretch}}