:root {
  --primary-color: #004672;
}

#blog-container {
  position: relative;
  top: 85px;
  margin-bottom: 100px;
}

.blog {
  width: 100%;
}

.blog h1 {
  color: var(--primary-color);
  text-align: center;
  font-weight: bold;
}

.blog h2 {
  color: var(--primary-color);
  font-weight: bold;
}

.blog p {
  text-align: left;
}

.blog .blog-cover {
  width: 100%;
  height: auto;
}

.blog-cover img {
  width: 100%;
  height: 80%;
  object-fit: cover;
  object-position: top;
}

.blog-cover div {
  color: black;
}

.blog .blog-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog .blog-content .blog-content-text h2 {
  font-weight: bold;
  color: var(--primary-color);
  text-align: center;
}

.blog .blog-content .blog-content-text p {
  text-align: left;
}

.blog .blog-content .moment h2 {
  text-align: left;
}