footer{gap:1em;padding:1.2em 2em;display:flex;position:relative}footer .separator{top:0}footer .clickable{cursor:pointer}footer .link-container{align-items:center;gap:1em;display:flex}footer .link-container img{width:1.2em}footer .link-container p{font-size:.8em}footer .link-container:last-of-type{margin:0 0 0 auto}
.movie-item{will-change:opacity,background;cursor:pointer;background:rgba(255,255,255,.1);padding:4px;transition-property:opacity,background;transition-duration:.25s}.movie-item img{aspect-ratio:1;object-fit:cover;width:100%;height:360px}.movie-item .footer{flex-direction:column;justify-content:space-between;height:6em;display:flex;overflow:hidden}.movie-item .footer p{text-align:left;padding:4px 2px}.movie-item .footer .name{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.movie-item .footer .release{opacity:.5}.movie-item:hover{opacity:.8;background:rgba(36,36,36,.6)}
.movie-list{grid-gap:2em;grid-template-columns:repeat(auto-fill,248px);justify-content:space-evenly;width:100%;height:max-content;padding:1.2em 2.4em;display:grid;overflow:auto}