* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1.5;
  word-break: keep-all;
  text-align: center;
}

.headline {
  margin: 1rem 2rem;
  display: flex;
  justify-content: space-between;
}

.content {
  cursor: help;
  text-align: left;
  margin: 2rem;
}

summary {
  margin-block-end: 0.5rem;
}
dd {
  margin-inline-start: 1rem;
}

dl {
  color: darkgray;
}

dl a {
  color: black;
  text-decoration: none;
}

#overlay {
  position: fixed;
  inset: 0;
  background: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1000;
  padding: 2rem;
  font-size: 1rem;
  box-shadow: 0px 2px 40px 13px rgba(121, 121, 121, 0.63) inset;
-webkit-box-shadow: 0px 2px 40px 13px rgba(121, 121, 121,0.63) inset;
-moz-box-shadow: 0px 2px 40px 13px rgba(121, 121, 121, 0.63) inset;
}
#overlay a {
  color: blue;
}
button {
  background: none;
  border: none;
  cursor: pointer;
    font-family: "helvetica-lt-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
  color: blue;
  text-decoration: underline;
}

#overlay.hidden {
  display: none;
}

@media screen and (min-width: 900px) {
  details[open] {
    background-image: url("https://art.stanford.edu/sites/art/files/styles/hs_medium_scaled_360px/public/media/image/artwork/post-cinema-cover-sm_1.jpg.webp?itok=bczz1h6p");
    background-size: auto;
    background-position: 85% 20%;
    background-repeat: no-repeat;
  }

}