.btn{background:#0277bd;color:#fff;width:80px;height:32px;display:flex;justify-content:start;align-items:center;text-decoration:none;border-radius:4px;position:absolute;right:4vmin;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Chevron Forward</title><path fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>');background-repeat:no-repeat;background-position:90%;padding-left:12px;transition:all .22s ease-in-out}.btn:hover{background-position:100%}.post-frame{width:100vw;height:100vh;position:fixed;top:0;left:50%;transform:translateX(-50%);cursor:pointer}.post-frame iframe{position:relative;top:100px;width:90vw;height:80vh;max-width:800px;border:none;border-radius:5px;box-shadow:0 0 50px #000}.post-frame-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:hsl(0deg 0% 0%/30%)}body,html{margin:0;padding:0;font-family:DM Sans,helvetica,arial,sans-serif;background:#111;color:#eee}nav{background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;position:sticky;top:0}nav *{margin:0;padding:0}nav p{color:#888}.posts-list,.sub-title{text-align:center}.posts-list{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.posts-list img{width:90vw;max-width:500px}.post{margin:3rem}a{color:inherit;text-decoration:none}.post .post-title{max-width:500px;text-align:center;margin:0 auto}.post h2,.post p{margin:0}.post p{margin-top:4px;margin-bottom:1rem;color:#777;font-size:.8rem}@media only screen and (max-width:600px){nav{position:fixed;top:unset;bottom:0;width:100vw}#app{padding-bottom:40px}}