body {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(/background/dithered-forest.png);
}

a:hover {
  text-shadow: 0 0 2px #ff0000, 0 0 2px #ca0000, 0 0 10px #ca0000;
}

h2,
h3,
h4,
header a,
.inline,
.bio-long,
.relation {
  color: #ca0000;
}

.info {
  height: auto;
  width: 80%;
  margin: auto;
}

ul {
  list-style-image: url(/icon/claws.gif);
  margin-left: 20px;
}

main {
  background-color: #0a0808d7;
}

.playlist {
  background-color: #00000081;
  margin: auto;
  margin-bottom: 20px;
  max-height: 300px;
  overflow-y: scroll;
}

.playlist-text {
  max-width: 600px;
}
@media screen and (max-width: 800px) {
  .info {
    width: 100%;
  }
}