.blog{max-width:1280px;margin:auto;background:#f5f5f5;border-radius:20px;overflow:hidden}
.blog-thumb{max-height:500px;height:50vw}
.blog-thumb img{display:block;width:100%;height:100%;object-fit:cover;margin:0;pointer-events:none}
.blog-title{width:100%;text-align:center;border-bottom:5px solid var(--fire);background:var(--water);color:#fff;padding:20px;box-sizing:border-box}
.blog-title h1{margin:20px 0;font-size:2rem;font-weight:600}
.blog-title p{font-family:"Outfit Light";font-size:12px}
.blog-content{padding:50px}
.blog-content h2{font-size:1.7rem;font-family:"Outfit Semibold";margin:0 auto 20px auto}
.blog-content p{font-size:1.25rem;margin-bottom:40px}
.blog-list{padding:0 30px;margin-bottom:40px}
.blog-list li{margin:10px;color:var(--sand)}
.blog-img{width:60%;margin-bottom:20px;pointer-events:none}
.blog-link{color:var(--fire);text-decoration:none}
.blog-end{display:flex;flex-direction:column;justify-content:center;text-align:center}
.blog-tags{display:flex;justify-content:center}
.blog-cat{width:150px;padding:10px;border:1px solid #000;border-radius:20px;margin:20px 10px}
.blog-summary{width:50%;border:1px solid #000;border-radius:20px;margin:50px;padding:20px;font-size:20px}
.blog-summary li{margin:10px}
.blog-summary a{text-decoration:none;color:var(--sand)}
.blog-summary li::marker{color:var(--fire)}
.comments{width:90%;border-radius:20px;margin:50px auto;background:linear-gradient(to bottom,#f5f5f5,var(--sand));box-shadow:0 5px 10px 0 gray}
.comment-btn{display:flex;flex-direction:column;align-items:center;margin:20px}
.comment-btn textarea{width:50%;padding:20px;resize:none;color:#f5f5f5;background:var(--water);border-radius:20px;font-family:Poppins;font-size:1rem;border:none}
.comment-btn button{width:200px;padding:10px;border-radius:20px;font-family:Poppins;color:#fff;background:var(--fire);margin:10px;border:none;cursor:pointer}
.comment{background:#fff;border-radius:20px;padding:20px;width:80%;margin:20px auto;display:flex;justify-content:start;flex-wrap:wrap}
.com-author{width:auto;font-family:Outfit;text-decoration:underline;text-underline-offset:5px;margin:10px 0}
.com-content{width:100%;text-align:start;margin:10px auto}
.lr-btn{width:100px;padding:10px;border-radius:20px;font-family:Poppins;color:#fff;background:var(--sand);margin:10px;border:none;cursor:pointer}
.lr-btn.liked{background:var(--fire)}
.lr-btn:nth-child(n+2){background:var(--water)}
.com-info{display:flex;width:100%;justify-content:space-between;align-items:center}
.blog-iframe{display:block;max-width:100%;margin:auto}
@media screen and (max-width:1000px){
.blog-content{padding:50px 20px}
.blog-img{width:100%}
.blog-title h1{font-size:1.8rem}
.blog-summary{width:auto;margin:50px 20px;font-size:1rem}
.comments{width:100%}
.comment-btn textarea{width:90%}
}