body {
  font-family: "Open Sans", sans-serif;
  /* background: #faf9f6; */
  color: #222;
  margin: 0;
  padding: 0;
}

header {
  text-align: center;
  padding: 2rem 0;
  justify-content: center;
  align-items: center;
}

h1 {
  font-size: 1.6rem;
  color: #222;
}
h1 a{
  color: #222;
}
h1 a:visited {
  color: #222;
}
header img {
}

nav ul {
  padding: 0;
  margin: 2rem;
  list-style: none;
}

nav li {
  display: inline-block;
  padding: 0 0.5rem 0 0.5rem;
  margin: 0;
}

nav li a {
  text-transform: uppercase;
  color: gray;
  text-decoration:none
}
nav li a:hover {
  color: black;
}
.current-category {
  font-weight: bold;
  color: black;
}

main {
  margin: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
}

section {
  max-width: 1300px;
  margin: 0 auto;
}
section article {
  margin-bottom: 6em;
}

@media only screen and (max-width: 1800px) and (any-pointer: coarse) {
  section ul {
    margin:0;
    padding:0;
  }
}
section li {
  list-style: none;
}

section h1 a {
  text-decoration: none;
}

article time {
  font-size: small;
  color: gray;
}

article img {
  height: auto;
  max-width: 100%;
  min-width: 100px;
}

footer {
  text-align: center;
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

footer p {
  font-size: x-small;
  display: block;
}

footer img {
  max-width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
  width: 100%;
}