html,body{background-color:#000;color:#fff;font-family:serif;margin:0;padding:0}div.nav-button{top:50%;position:absolute;fill:gray}div.nav-button-left{transform:scaleX(-1);left:1%}div.nav-button-right{right:1%}div.nav-button:hover{fill:green;transition:fill .5s ease}div.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;padding:2em}h1.stories-header{margin-top:.5em;text-align:center}div.card{height:150px;border-radius:.5em;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end}div.card-footer{background-color:#ffffffb8;font-size:4mm;padding:1mm;text-align:center;border-radius:.5em}a{text-decoration:none}.story-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;justify-content:center;align-items:center}.story-page img{width:100%;object-fit:contain;max-height:70vh;height:auto;flex-shrink:1;flex-grow:0}.story-page p{margin:0;padding:1em;text-align:center;flex-shrink:0;max-width:60%}