body {
  color: white;
  background-color: grey;
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}
.You-are-my-hero-image {
  background-image: url("shrine.png");
  background-repeat: no-repeat;
  background-color: grey;
  background-position: center;
  background-size: cover;
  position: relative;
  height: 400px;
}
.You-are-my-hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
h1 {
  text-align: center;
}
#right_seal {
  float: right;
  transform: scaleX(-1);
  /* thanks to cadence.moe for the transform, I mean I of course did it 100% myself */
}
#left_seal {
  float: left;
}