.news-container {
  font-size: 15px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 992px) {
  .news-container {
    width: 65%;
  }
}
@media (min-width: 1200px) {
  .news-container {
    width: 60%;
  }
}
@media (min-width: 1400px) {
  .news-container {
    width: 52%;
  }
}

.news-header {
  margin-top: 35px;
  margin-bottom: 35px;
}
.news-header .news-marker {
  font-size: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0 0 0 1px var(--blue-primary-color);
  border-radius: 8px;
  color: var(--blue-primary-color);
  padding: 6px 20px;
  line-height: 12px;
}
.news-header .news-marker:hover, .news-header .news-marker:focus, .news-header .news-marker:active {
  background-color: var(--blue-primary-color);
  color: rgb(255, 255, 255);
  cursor: pointer;
  text-decoration: none;
}
.news-header .marker-block {
  margin-bottom: 22px;
}
.news-header .title-block {
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 5px;
}
.news-header .date {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 150%;
}

.detail-picture {
  display: block;
  width: 100%;
  max-width: 880px;
  max-height: 440px;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
}

.detail-text {
  font-size: 15px;
  margin-bottom: 35px;
  text-align: justify;
}

.reactions {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 35px;
}

.divider {
  margin-top: 0;
  margin-bottom: 25px;
}

/*# sourceMappingURL=style.css.map */