@media (min-width: 1200px) {
  main .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
  }
}
body {
  background-color: var(--body-background);
}

.article-box {
  background-color: #fff;
  transition: all 0.2s linear;
}
.article-box:hover {
  box-shadow: var(--card-shadow);
  transform: translateY(-3px);
}
.article-box,
.article-box img {
  border-radius: var(--border-radius) var(--border-radius) 0px 0px;
}
.article-box .content {
  padding: 25px;
}
.article-box .content .article-title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 15px;
}
.article-box .content .article-title a {
  color: var(--brand-main-color);
}
.article-box .content .desc {
  color: var(--text-gray);
}/*# sourceMappingURL=index.css.map */