.blog-main-title{text-align:center;color:var(--color-two);padding:30px 0;scroll-margin-top:100px;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:50px auto;padding:10px 0;display:grid}.blog-image{aspect-ratio:1;object-fit:cover;will-change:transform;backface-visibility:hidden;width:100%;height:300px;transition:transform .4s ease-in-out}.blog-image:hover{transform:scale(1.1)}.blog-card{overflow:hidden}.blog-title{color:var(--color-popup);text-align:center;height:80px;margin:20px auto;font-size:1.5rem;font-weight:700}.blog-text{color:var(--color-two);text-align:center;width:100%;margin:10px auto;font-size:1rem;font-weight:500}.blog-post-description{color:var(--color-two);text-align:left;width:100%;margin:10px auto;font-size:1rem}.darkmode{color:var(--color-one)}.blog-post{flex-direction:column;align-items:center;max-width:1200px;margin:20px auto;padding:10px;transition:transform .3s,box-shadow .3s;display:flex}.blog-post-image{aspect-ratio:1;object-fit:cover;width:100%;height:auto;margin-bottom:20px}.blog-post-grid{grid-template-columns:2fr 1fr;gap:20px;max-width:1200px;margin:20px auto;display:grid}.blog-nav{flex-direction:column;gap:20px;margin:60px auto;display:flex}.blog-nav-item{grid-template-columns:auto 1fr;gap:10px;display:grid}.blog-nav-item img{width:80px;height:80px}.blog-nav-title{color:var(--color-popup);margin:auto 0;font-size:1rem;font-weight:500}@media (max-width:768px){.blog-post-grid{grid-template-columns:1fr}}