body {
  background-color: antiquewhite;
  margin: 0;
  padding: 0;
}

nav {
  margin: 20px auto;
  text-align: center;
}

nav input {
  font-size: 2rem;
  border-color: lightblue;
  padding: 2px 5px;
}

div#episodes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  grid-gap: 20px;
  width: 95vw;
  margin: 20px auto;
}
div#episodes article {
  display: grid;
  grid-template-rows: max-content auto 2fr;
  padding: 15px;
  border: 1px solid lightskyblue;
  border-radius: 5px;
  background-color: whitesmoke;
}
div#episodes article h2 {
  font-size: 1.1rem;
  text-align: center;
}
div#episodes article h2 span {
  display: block;
}
div#episodes article img {
  object-fit: cover;
  width: 100%;
}

div.episode-selector,
div.show-selector {
  margin: 25px auto;
  text-align: center;
}

ol#show-list {
  list-style-type: none;
}

ol#show-list li {
  padding: 10px;
  width: 800px;
  margin: 0 auto 2em;
  background-color: whitesmoke;
  border-radius: 10px;
  border: 2px solid black;
}

ol#show-list h2 {
  cursor: pointer;
}

p#show-filter {
  text-align: center;
}