.page-spread{display:flex;flex-direction:column;width:100vw}.imagediv{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.imagediv img{height:100%;width:100%;object-fit:contain}.captiondiv{max-height:35vh;overflow-y:auto;padding:5px}.story-page{display:flex;flex-direction:column;height:100vh}@media (orientation: landscape){.page-spread{flex-direction:row}.page-spread .imagediv,.story-page{flex:1 1 50%}.left-half{align-items:flex-end}.right-half{align-items:flex-start}.page-spread .captiondiv{flex:1 1 1%}}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}