.shadow-1 {
  box-shadow: 2px 2px 2px #0a3a65;
}
.shadow-2 {
  box-shadow: 4px 4px 16px #434d56;
}
.shadow-3 {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0);
}
.shadow-4 {
  box-shadow: 0 24px 28px -12px black;
}
.shadow-5 {
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
.shadow-6 {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px 2px, rgba(0, 0, 0, 0.3) 10px 10px 3px 2px;
}
.text-shadow-1 {
  text-shadow: 2px 2px 2px #484848bf;
}
#blog-section-content-articles {
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin: auto;
  flex-wrap: wrap;
  max-width: 1260px;
}
.blog-section {
  display: flex;
  flex-direction: column-reverse;
  gap: 500px;
}
.blog-section-container {
  padding: 50px 140px 50px 140px;
  margin: auto;
}
.blog-section-title {
  font-family: "FoeDidotModern";
  font-size: 3em;
  margin-bottom: 50px;
}
.blog-main-block,
.latest-blog-main-block {
  display: flex;
  gap: 10px;
}
.blog-main-block,
.latest-blog-main-block {
  flex-direction: column;
}
.blog-title-block,
.latest-blog-title-block {
  font-size: 1.4em;
  font-weight: normal;
}
.blog-title-block {
  order: 2;
}
.latest-blog-title-block {
  order: 0;
}
.blog-title,
.latest-blog-title {
  font-family: "Portonovo";
}
.blog-header-block,
.latest-blog-header-block {
  display: flex;
  flex-direction: column;
}
.blog-header-info,
.latest-blog-header-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.blog-picture,
.latest-blog-picture {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center;
}
.blog-paragraph-enum-block,
.latest-blog-paragraph-enum-block {
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog-body,
.blog-quote,
.blog-header-info-2,
.blog-header-intro,
.latest-blog-body,
.latest-blog-quote,
.latest-blog-header-info-2,
.latest-blog-header-intro,
.latest-blog-type,
.blog-type {
  display: none;
}
.blog-header-info-1,
.latest-blog-header-info-1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.blog-paragraph-enum,
.latest-blog-paragraph-enum {
  font-size: 0.3em;
}
.blog-quote,
.latest-blog-quote {
  margin: 50px 50px 50px 27%;
  width: 42%;
}
.blog-type,
.blog-date,
.blog-author,
.blog-duration,
.latest-blog-type,
.latest-blog-date,
.latest-blog-author,
.latest-blog-duration {
  font-family: "Inter";
  font-size: 0.7em;
  line-height: 1.4;
}
.blog-header-intro,
.latest-blog-header-intro {
  font-family: "FoeDidotModern";
  font-weight: bold;
  font-size: 1.1em;
}
#blog-section-content-article-latest .blog-plugin-container {
  max-width: 1260px;
}
.blog-plugin-container {
  max-width: 400px;
}
.blog-plugin-container,
.latest-blog-plugin-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.blog-more-text::before,
.latest-blog-more-text::before {
  font-family: "Font awesome 6 Pro";
  content: "\f061";
  padding-right: 7px;
  font-size: 0.8em;
}
.blog-more-text,
.latest-blog-more-text {
  font-family: "Inter";
  font-size: 0.8em;
  cursor: pointer;
}
.blog-more-button:hover,
.latest-blog-more-button:hover {
  color: #26CC7D;
}
.blog-header-contributor-block,
.latest-blog-header-contributor-block {
  display: none;
}
.latest-blog-main-block img {
  height: 600px;
  border-bottom: 30px solid #004C3B;
  border-right: 30px solid #004C3B;
  box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
  #blog-container {
    padding: 40px;
  }
  .blog-section-container {
    padding: 100px 20px 50px 20px;
  }
  .blog-plugin-container {
    margin-bottom: 30px;
  }
  .blog-section-title {
    font-size: 2em;
  }
  .latest-blog-main-block img {
    height: 400px;
    border-bottom: 20px solid #004C3B;
    border-right: 20px solid #004C3B;
  }
}