.blog-article{float:left;color:#000;flex-direction:column;width:100%;margin-bottom:15px;display:flex}.blog-article *{transition:all .5s}.blog-article .blog-image{background-color:#f8f8f8;border-radius:12px;flex:0 0 0;width:100%;height:100%;margin-bottom:10px;padding-top:56.8%;position:relative;overflow:hidden}.blog-article .blog-image .image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.blog-article .blog-image .author-wrapper{grid-gap:7px;background:linear-gradient(#0000 0%,#00000069 80%);border-radius:12px;align-items:center;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.blog-article .blog-image .author-wrapper .avatar{background:#fff 50%/cover no-repeat;border-radius:100%;flex:0 0 25px;width:25px;height:25px}.blog-article .blog-image .author-wrapper .author{color:#fff;font-family:Satoshi;font-size:12px;font-weight:500}.blog-article:hover .blog-image .image{transform:scale(1.1)}.blog-article .blog-description{width:100%}.blog-article .blog-description a{color:#000;text-decoration:none}.blog-article .blog-description .date{color:#797979;float:left;width:100%;margin-bottom:0;font-size:11px;font-weight:300;line-height:1.3em}.blog-article .blog-description .description{color:#212121;float:left;margin-bottom:10px;font-size:12px;font-weight:200;line-height:1.4em}.blog-article .blog-description .blog-info{float:left;width:100%;font-size:12px;font-weight:600}.blog-article .blog-description .blog-info .category{color:#e9393f}.blog-article.blog-main-article{grid-gap:20px;flex-direction:row;align-items:center;height:auto;margin-bottom:20px}.blog-article.blog-main-article .blog-image{flex:auto;padding-top:30%}.blog-article.blog-main-article .blog-description .date{font-size:12px;font-weight:400}.blog-article.blog-main-article .blog-description .description{font-size:14px}@media (max-width:980px){.blog-article{margin-bottom:20px}.blog-article .blog-image{margin-bottom:8px;padding-top:56.8%}.blog-article .blog-image .author-wrapper{padding:8px}.blog-article .blog-image .author-wrapper .avatar{flex:0 0 22px;width:22px;height:22px}.blog-article .blog-image .author-wrapper .author{font-size:11px}.blog-article .blog-description .date{font-size:10px}.blog-article .blog-description .description{margin-bottom:8px;font-size:11px}.blog-article .blog-description .blog-info{font-size:11px}.blog-article.blog-main-article{grid-gap:15px;flex-direction:column;margin-bottom:25px}.blog-article.blog-main-article .blog-image{flex:none;padding-top:56.8%}.blog-article.blog-main-article .blog-description .date{font-size:11px}.blog-article.blog-main-article .blog-description .description{font-size:13px}}@media (max-width:480px){.blog-article{margin-bottom:15px}.blog-article .blog-description .description{font-size:10px}.blog-article.blog-main-article{grid-gap:12px}.blog-article.blog-main-article .blog-description .description{font-size:12px}}