body{overflow:hidden}h1{font-weight:500;margin-bottom:.5em}a{text-decoration:none;color:#000}.nav{width:100%;display:flex;justify-content:space-between}.footer,.nav{position:fixed;padding:2em}.footer{bottom:0;right:0}.items{position:absolute;width:50%;display:flex;flex-direction:column}.item{display:flex;padding:.25em .5em;cursor:pointer}.item-index{flex:1}.item-name{flex:4}.item-year{flex:1}.overlay::-webkit-scrollbar{display:none}.img-container{width:100%;padding-bottom:2em}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay-header{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:2em 0}.col:first-child{flex:3}.col:nth-child(2){flex:2}#close-btn{cursor:pointer;opacity:.4}.item-details{width:100%;display:flex;justify-content:space-between;padding:1em 0 4em}.item-details p:first-child{flex:3}.item-details p:nth-child(2){flex:2}@media (max-width:900px){.items{width:100%;bottom:8em}.overlay{width:100%;height:100vh}}