/* Common styles */
body {
  font-family: Arial, sans-serif;
  border: 5px solid #FFFFFF;
  margin: 0 auto;
  padding: 0;
  background: black no-repeat fixed center;
  background-size: cover;
  backdrop-filter: brightness(60%);
  color: white;
  max-width: 900px;
}
main, #latests {
  text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
}
/* Header styles */
header {
  background-color: #ffe4b5;
  padding: 4px;
  color: #000;
}

/* Navigation styles */
nav {
  background-color: #a92323;
  padding: 8px;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
nav li {
  margin: 0 10px;
}
nav a {
  color: #fff;
  text-decoration: none;
  padding: 8px;
}
nav a:hover {
  background-color: #666;
}
a, a:visited, a:active {
  color: #fff;
  text-decoration: none;
}
a:hover {
  color: #af0;
}