.blog{position:relative;display:grid;grid-template-columns:1fr}.latest{display:none;position:sticky;top:110px;flex-direction:column;gap:1rem}.latest-item{display:flex;justify-items:center;align-items:center;gap:1rem;cursor:pointer;&:hover{& img{transform:scale(1.1)}& h3{color:var(--secondary-color);opacity:1}}}.latest h3{margin-top:0}.latest-item img{width:64px;height:64px;object-fit:cover;border-radius:4px}.latest-item h3{margin:0;padding:0;color:var(--text-color);opacity:.7;font-weight:500;text-decoration:none;border:none;outline:none}.post{display:flex;gap:1rem;margin-bottom:3rem}.post:last-child{margin-bottom:0rem}.post-date{font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;display:none;flex-basis:90px;flex-grow:0;flex-shrink:0;height:110px;border-right:.1rem solid #ffeeff}.post-date h5{text-transform:uppercase;font-size:1rem;font-weight:600;line-height:10px;margin-top:5px;margin-bottom:4px}.post-date h1{font-size:1.75rem;height:29px;line-height:29px;font-weight:700;margin:0}.post-date h5,.post-date h1{text-align:center;text-transform:uppercase;vertical-align:baseline;font-style:normal;opacity:0.5}.post-date>div{padding:.5rem;height:85%;border-bottom:.1rem solid #ffeeff}.post-preview{flex-grow:1;background-color:#1b202d;border-radius:0.3rem;overflow:hidden;box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px}.post-preview a:hover + a>h2{color:var(--secondary-color)}.post-preview a:has(+ a:hover) img{transform:scale(1.1)}.post-preview .img-container{overflow:hidden;height:200px;border-radius:0;outline-color:var(--secondary-color);outline-style:solid;outline-width:2px}.post-preview img{height:200px;object-fit:cover;border-radius:0;transition:transform 0.25s;transition-delay:0.1s;&:hover{transform:scale(1.1)}}.post-preview a{text-decoration:none}.post-preview h2{font-weight:500;font-size:1.75rem;margin:1rem 1rem -3px 1rem;letter-spacing:4px;text-transform:uppercase}.post-preview p{color:var(--text-color);opacity:.7;margin:1rem;margin-bottom:2rem}.pagination{display:inline-block;left:50%;position:relative;transform:translate(-50%)}.author{font-size:.8rem;opacity:.5;margin-left:1rem}@media (min-width:750px){.post-date{display:block}.blog{grid-template-columns:16fr 7fr;gap:3rem}.latest{display:flex}}