.blog-page{background-color:var(--main-background-color);min-height:calc(100vh - 53px);color:var(--main-text-color);justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex}.blog-grid{border-top:1px solid #fff;border-left:1px solid #fff;grid-template-columns:1fr;width:100%;max-width:700px;display:grid}.blog-grid>div{border-bottom:1px solid #fff;border-right:1px solid #fff;padding:24px 16px}.blog-title{text-align:center;font-size:1.4rem}.blog-empty{text-align:center;opacity:.4}.blog-item{gap:8px;transition:background-color .3s,color .3s;display:grid}.blog-item:hover{background-color:var(--hover-background-color);color:var(--hover-text-color)}.blog-item:hover .blog-item-link a{color:var(--hover-text-color)}.blog-item:hover .blog-item-meta{opacity:1}.blog-item-meta{opacity:.5;font-size:.75rem;font-family:var(--font-geist-mono),monospace}.blog-item-title{font-size:1.1rem;font-weight:700}.blog-item-description{opacity:.8;font-size:.9rem}.blog-item-link a{color:var(--main-text-color);font-size:.85rem;font-family:var(--font-geist-mono),monospace;text-decoration:none}.blog-back a{color:var(--main-text-color);text-decoration:none}.blog-back:hover{background-color:var(--hover-background-color);color:var(--hover-text-color);transition:background-color .3s,color .3s}.blog-back:hover a{color:var(--hover-text-color)}@media (min-width:1024px){.blog-title{font-size:3rem}}