@import url("kilopop.css");

body.collect {
  background-image: url(/images/radgb.jpg);
}

#flipbook details#collect {
  background-image: url(/images/radgb.jpg);
}

#flipbook details#collect ul {
  background: white;
  padding: 0.5em;
  border: 3px groove #333;
}

#flipbook details#collect h3 {
  text-align: center;
}

#flipbook details#collect nav>div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#flipbook>article {
  background: white;
}

body.collect table td img {
  display: block;
}

body.collect main article section {
  background: white;
  width: 650px;
  max-width: 90%;
  border: 3px ridge #555;
  margin: 1em auto;
  padding: 0 1em 1em 1em;
}

body.collect main article section ul {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  padding-left: 0;
  flex-wrap: wrap;
  gap: 1em;
}

body.collect a {
  color: black;
}

body.collect a:hover {
  color: var(--light-brown);
}

body.collect a:visited {
  color: var(--dark);
}

body.collect main article section h3 {
  width: 100%;
  text-align: center;
}