* {
  font-family: Inconsolata, monospace;
}
body {
  padding: 0;
  margin: 0;
  background-color: black;
}
div {
  text-align: center;
}
img {
  width: 60%;
}
@media (max-width: 800px) {
  img {
    width: 80%;
  }
}
h1 {
  font-family: "Permanent Marker", monospace;
  font-size: 3em;
  color: #722324;
  text-align: center;
}
@media (max-width: 800px) {
  h1 {
    font-size: 2em;
  }
}
li {
  color: #722324;
  text-align: left;
}
p {
  color: #722324;
  text-align: center;
}
main {
  margin: 0 auto;
  padding: 0;
  max-width: 800px;
  border: 10px solid #722324;
  border-width: 0 10px 0 10px;
  background-color: white;
}
div.band1 {
  border: 10px solid #d24142;
  border-width: 0 10px 0 10px;
  padding: 25px;
}
div.band2 {
  border: 10px solid #9d3132;
  border-width: 0 10px 0 10px;
}