.blog-content{display:flex;flex-direction:column}.blog-content img.main-image{position:absolute;z-index:-2;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,.4)}.blog-content .blog-content-container img{max-width:100%}.blog-content .overlay{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,.5)}.blog-content .blog-title-date-time{display:flex;flex-direction:column;align-items:center;justify-content:center;height:75vh;text-align:center;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.7))}.blog-content .blog-title-date-time .date-time{display:flex;font-size:20px;color:grey;width:100%;max-width:400px;justify-content:space-between;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.7))}.blog-content .blog-details{position:relative;z-index:2;background-color:#202022;padding:3rem;font-size:22px;border-radius:12px;line-height:2rem;box-shadow:0 8px 20px hsla(0,0%,50%,.2);box-sizing:border-box}@media (max-width:600px){.blog-content .blog-details{width:100%;padding:2rem;font-size:20px}}@media (max-width:500px){.blog-content .blog-details{padding:1rem;font-size:18px}}.blog-content .line-break{margin:2rem 0}.blog-content .line-break:before{content:"";display:block;height:2px;width:100%;background-color:hsl(0,0%,30%)}