@import url("../layout/navbar.css");
@import url("../layout/footer.css");
@import url("../components/blogs-list.css");

.blog-details {
  margin-top: 2rem;
}
.blog-details .container-details {
  width: 70%;
  margin: auto;
}
.blog-details header img.blog-img {
  width: 100%;
  height: 18rem;
  object-fit: cover;
  border-radius: 12px;
}

.blog-details .blog-title {
  color: #171b2d;
  font-size: 1.5rem;
  margin: 1rem 0;
}

.blog-details .blog-content {
  font-size: 1rem;
  color: #3c4261;
}

@media screen and (max-width: 996px) {
  .blog-details .container-details {
    width: 90%;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .blog-details .container-details {
    width: 95%;
    margin: auto;
  }
}