body {
  background-image: url("./di-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: white;
  background-color: purple;
}

h1 {
  text-align: center;
  margin: auto;
}

h2 {
  text-align: center;
  margin: auto;
}

div.backdrop {
  width: 80%;
  padding: 1%;
  margin: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  background-color: rgba(0, 0, 0, 0.8);
}

p.explainer {
  width: 90%;
  padding: 1%;
}

p.explainer-c {
  width: 90%;
  padding: 1.5%;
  text-align: center;
  margin: auto;
}

img {
  display: block;
  margin: auto;
}

iframe {
  display: block;
  margin: auto;
}