#blog-page.svelte-u4k2t{padding-left:25px;padding-right:25px;padding-bottom:25px;display:flex;overflow-x:hidden;align-items:center;flex-direction:column}#blog-page.svelte-u4k2t h3:where(.svelte-u4k2t){font-weight:700}#blog-page.svelte-u4k2t h2:where(.svelte-u4k2t){max-width:850px}.post.svelte-u4k2t:not(:last-of-type){border-bottom:1px solid color-mix(in srgb,var(--text) 40%,black)}.post.svelte-u4k2t{padding:15px;display:flex;flex-direction:row;column-gap:25px;width:100%;background-color:240px;min-height:240px;opacity:0;transform:translate(200px);transition:opacity .8s ease,transform .8s ease}.post-info.svelte-u4k2t{flex:1;font-size:.9em;position:relative;display:flex;flex-direction:column;justify-content:space-between}.post-img.svelte-u4k2t{display:flex;object-fit:contain;flex:.75}.post-img.svelte-u4k2t img{max-width:100%;max-height:100%}.post-img.svelte-u4k2t picture{margin:auto}#postsContainer.svelte-u4k2t{width:50vw;max-width:850px;min-height:calc(100vh - var(--navbar-height));border-left:1px solid color-mix(in srgb,var(--text) 40%,black);padding:0 25px 25px}#postsContainer.svelte-u4k2t .post.viewable{opacity:1;transform:translate(0)}#postsContainer.svelte-u4k2t .skeleton-viewable{opacity:1!important;transform:translate(0)!important}.post-data.svelte-u4k2t a:where(.svelte-u4k2t){text-decoration:none;color:inherit;background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0% 1.5px;transition:background-size .2s ease}.post-data.svelte-u4k2t a:where(.svelte-u4k2t):hover{background-size:100% 1.5px}.shimmer.svelte-u4k2t{background:linear-gradient(90deg,#2a2a2a 30%,#3a3a3a,#2a2a2a 70%);background-size:400%;animation:svelte-u4k2t-shimmer 1.5s infinite linear}@keyframes svelte-u4k2t-shimmer{0%{background-position:100% 100%}to{background-position:0 0}}.skeleton.svelte-u4k2t{opacity:0}.skeleton.svelte-u4k2t .post-img:where(.svelte-u4k2t){aspect-ratio:16 / 9}.skeleton.svelte-u4k2t .post-footer:where(.svelte-u4k2t){height:17.5px;margin-top:15px}.skeleton.svelte-u4k2t .skeleton-heading:where(.svelte-u4k2t){height:20px;margin-top:17px;margin-bottom:17px}.skeleton.svelte-u4k2t .skeleton-bodytext:where(.svelte-u4k2t){height:80px}@media(max-width:1400px){#postsContainer.svelte-u4k2t{width:70%}#blog-page.svelte-u4k2t h2:where(.svelte-u4k2t){width:70%}}@media not (max-width:1400px){#blog-page.svelte-u4k2t h2:where(.svelte-u4k2t){width:50vw}}@media(max-width:850px){#blog-page.svelte-u4k2t{align-items:start}#postsContainer.svelte-u4k2t{width:100%}.post.svelte-u4k2t{display:flex;flex-direction:column;padding:0}.post.svelte-u4k2t:not(:first-of-type){padding-top:25px}.post-img.svelte-u4k2t{order:1}.post-info.svelte-u4k2t{order:2}#postsContainer.svelte-u4k2t{border:none;padding:0}}