body .content{background:rgba(50,50,50,0.75);width:65vw;margin:auto;padding:2.5em;box-sizing:border-box;border-radius:.5em;margin-top:2em;margin-bottom:5em;min-height:calc(100vh - (3.5em + 4em + 2em + 5em));display:grid;grid-template-columns:1fr 1fr 1fr}body .content .article{border-radius:.25em;margin:.5em;padding:.25em;height:25vw;background:rgba(50,50,50,0.75);overflow:hidden;position:relative}body .content .article a{position:absolute;bottom:.5em;top:.5em;left:.5em;right:.5em;text-align:center;text-shadow:1px 1px .01em rgba(0,0,0,0.8);text-decoration:none;font-size:1.35em;display:flex;justify-content:center;align-items:center}body .content .article img{width:100%;border-radius:.25em;height:100%;object-fit:cover;opacity:.6;filter:grayscale(40%) brightness(.8);transition:.1s ease-in opacity,.1s ease-in grayscale}body .content .article:hover img{opacity:.7;filter:grayscale(10%) brightness(.8)}@media (orientation:portrait){body .content{background:none;width:100%;padding-top:0;padding-bottom:0;grid-template-columns:1fr}body .content:before{content:"";background:rgba(50,50,50,0.75);position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}body .content .article{width:auto;height:120vw}}