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}
.posts{flex-direction:column;align-items:center;gap:.8em;height:100%;padding:.8em 0;display:flex;overflow:auto}.posts .post{background:#242424;border-radius:8px;width:100%;max-width:34em;padding:.4em}.posts .post .content{box-sizing:border-box;flex-flow:wrap;gap:8px;padding-bottom:.6em;display:flex;overflow:hidden}.posts .post .content div{flex-grow:1;height:34vh}.posts .post .content div img{object-fit:cover;vertical-align:bottom;cursor:pointer;border-radius:8px;min-width:100%;max-height:100%}.posts .post pre{overflow-wrap:break-word;text-wrap:wrap;text-align:left}.posts .post p{text-align:right;width:100%;padding-right:.4em;font-size:12px;font-weight:300}
