body {
  margin: auto;
  padding: auto;
  width: auto;
  /*width: 100vw;*/
  /*min-height: 177vw;*/
  background-image: url("20241027_155129_%28c%29_in_metadata.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  /*background-position: bottom center;*/
  background-size: 100%;
  background-attachment: scroll;
  font-family: sans-serif;
  color: #333;
}

main {
  width: auto;
  max-width: 900px;
  margin: auto;
  padding: 20px;
  /*margin: 20px auto;*/
  /*padding: 20px;*/
  background: white;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

a:link,
a:hover,
a:active,
a:visited {
  color: DarkBlue;
  background-color: transparent;
  text-decoration: underline;
}

main #pub a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}


main #pub a:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

main #pub a:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

nav {
  background: #274E13;
  padding: 15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

nav a:link,
nav a:visited,
nav a:active {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

nav a:hover {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

nav a.active {
  color: lightskyblue;
  text-decoration: none;
  font-weight: bold;
}