.blog{border-bottom:1px dotted var(--main-color);padding:10px;transition:.4s}.blog h1{margin:2px}.blog p{margin:0;text-indent:1em}.blog:hover h1{color:var(--secondary-color)}.blogList{display:flex;flex-direction:column;gap:2rem}.blogList.recommendedBloglist{flex-direction:row}.blogList.recommendedBloglist .blogCard{height:300px}.blogList.recommendedBloglist .blogCard__imgWrapper{flex:1 1}.blogList.recommendedBloglist .blogCard h2{font-size:x-large}@media(max-width:991px){.blogList.recommendedBloglist a{width:100%}}.blogCard{height:270px;width:100%;display:flex;flex-direction:row;transition:.3s;position:relative;overflow:hidden;border-radius:25px;box-shadow:1px 0 5px #000;border-bottom:4px solid var(--secondary-color)}.blogCard__imgWrapper{flex:.7 1;height:100%}.blogCard__text{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:.3rem;padding:.5rem 1rem;color:#fff}.blogCard__text__title h2{margin-bottom:.5rem}.blogCard__text__excerpt{flex-shrink:2}.blogCard__text__date{justify-self:flex-end;text-align:right;font-style:italic}.blogCard img{object-fit:cover;transition:.4s;width:100%;min-height:100%}.blogCard:hover{scale:105%;border-bottom:3px solid var(--accent-color)}@media(max-width:991px){.blogCard{height:200px;display:block;position:relative}.blogCard__text{position:absolute;width:100%;height:100%;text-align:center;justify-content:end}.blogCard__text *{color:#fff}.blogCard__text .tagList,.blogCard__text__excerpt{display:none}.blogCard__imgWrapper{position:absolute;width:100%;z-index:-50}}.tag{display:block;background-color:var(--main-color);color:#fff;border-radius:10px;padding:0 15px}.tagList{display:flex;gap:.5rem;padding-left:0}