body{background-image:url(/assets/img-BTfOXwJy.webp);background-size:cover;background-repeat:repeat;background-position:center;margin:0;font-family:sans-serif}#menu-button{position:fixed;top:10px;left:10px;z-index:1001;text-decoration:none;padding:10px;background-color:#0003;color:#fff;border-radius:5px;text-align:center;border:none;cursor:pointer}#menu-button:hover{background-color:#0006}#posts-list{position:fixed;top:0;left:0;height:100%;width:300px;background-color:#000c;padding:60px 10px 10px;box-sizing:border-box;transform:translate(-100%);z-index:1000;display:flex;flex-direction:column;gap:10px;overflow-y:auto}body.posts-list-visible #posts-list{transform:translate(0)}#post-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#post{aspect-ratio:1 / 1;width:90%;max-width:90vh;max-height:90vh;border:none;background-color:#b8860b80}@media (min-width: 769px){body.posts-list-visible #post-container{margin-left:300px;width:calc(100% - 300px)}}#posts-list a{text-decoration:none;padding:10px;background-color:#0003;color:#fff;border-radius:5px;text-align:center;transition:background-color .3s}#posts-list a:hover{background-color:#0006}#posts-list a.active{background-color:#ffd70033;font-weight:700}