@font-face {
  font-family: "SplineBold";
  src: url("../fonts/SplineSans-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "SplineLight";
  src: url("../fonts/SplineSans-Light.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "SplineMedium";
  src: url("../fonts/SplineSans-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "SplineSemiBold";
  src: url("../fonts/SplineSans-SemiBold.woff2") format("woff2");
  font-display: swap;
}
#main-content.blog .archive-description + *,
#main-content.archive .archive-description + * {
  margin-top: 30px;
}
#main-content.blog #categories-list,
#main-content.archive #categories-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 0;
}
@media screen and (min-width: 780px) {
  #main-content.blog #categories-list,
  #main-content.archive #categories-list {
    gap: 50px;
    margin-bottom: 30px;
  }
}
#main-content.blog #categories-list .link-categorie,
#main-content.archive #categories-list .link-categorie {
  font-size: 18px !important;
}
#main-content.blog #categories-list .category,
#main-content.archive #categories-list .category {
  padding: 15px;
  text-decoration: none;
  border: 1px solid var(--primary);
  transition: 0.3s;
}
#main-content.blog #categories-list .category:hover, #main-content.blog #categories-list .category.active,
#main-content.archive #categories-list .category:hover,
#main-content.archive #categories-list .category.active {
  background: var(--primary);
}