.blog-listing{background-color:#010101;background-image:url(https://7bits.dev/hubfs/gradient_web_11.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;padding:48px 0}.blog-listing__header{padding:80px 32px}.blog-listing__posts{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem;padding:80px 20px}.blog-listing__title{color:#fff;font-size:48px;font-weight:500;line-height:66px}.blog-listing__description{color:#fff;font-size:22px;font-weight:500;line-height:28px}@media (min-width:768px){.blog-listing__header{margin:0 auto;max-width:1024px}.blog-listing__posts{grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1240px;padding:0 32px}.blog-listing__description,.blog-listing__title{text-align:center}}.blogpost{background:#fff;border:1px solid #ddd;border-radius:32px;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;display:flex;flex-direction:column;padding:0;text-decoration:none;transition:box-shadow .2s ease}.blogpost:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);text-decoration:none}.blogpost__image{flex:2;height:auto;margin-bottom:8px;width:100%}.blogpost__image img{border-radius:32px 32px 0 0;height:100%;object-fit:cover;width:100%}.blogpost__content{padding:28px}.blogpost__title{color:#010101;font-size:18px;margin-bottom:.5rem;text-decoration:none}.blogpost__excerpt{color:#555;font-size:14px;margin-bottom:1rem;text-decoration:none}.blogpost__date{color:#888;font-size:12px;text-decoration:none}