*, *::before, *::after {
  box-sizing: border-box;
  writing-mode: horizontal-tb;
}

body {
  margin: 0;
  color: rgb(58, 67, 75);
  background-color: rgba(250, 250, 250, 0.9803921569);
}

li {
  margin: 1em;
  list-style: none;
  display: inline-block;
}

header, footer {
  margin: 0;
  color: rgb(58, 67, 75);
  background-color: #B59A6E;
}
header h1, footer h1 {
  margin: 0.5em;
}

main {
  min-block-size: 100vw;
}

flex-wrap-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.flex-wrap-row-justify-space-between {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.article-card {
  margin: 0.5em;
  inline-size: 15em;
  border-radius: 0.5em;
  border: 1px solid #404040;
}
.article-card .article-content {
  padding: 0.5em;
}
.article-card .article-content p {
  text-align: justify;
}

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