.blog{width:calc(100% - 20px);max-width:800px;margin:0 auto}a.article{display:block;padding:20px;border-radius:10px;background-color:#292929;margin-bottom:30px;transition:.2s linear transform}a.article:last-child{margin:0}.article__title{font-size:clamp(16px,1.4vw,20px);font-weight:500;color:#FFF}.article__time{color:#888;font-size:14px;margin:10px 0 20px}.article__excerpt{font-size:16px;color:#D4D4D4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(hover:hover) and (pointer:fine){a.article:hover{transform:scale(1.05)}}