body {
  background-color: #230a38;
  color: white;
  font-family: Comic Sans MS;
  background-image: url('IMG LINK HERE'); /* Replace with cool background image later */
  background-attachment: fixed; 
  background-repeat: repeat;
}

.fixed-bottom-image {
  position: auto;
  bottom: 0;
  left: 0;    /* 👈 stick to left edge */
  width: 100%;
  z-index: 1000;
    }
.fixed-top-image {
  position: auto;
  top: 0;
  left: 0;    /* 👈 stick to left edge */
  width: 100%;
  z-index: 1000;
    }

/* ---------- BOX1 ---------- */
.box1 {
  margin: 50px auto 150px auto; /* top, right, bottom, left */
  width: 90%;
  height: 500px;
  overflow: auto;
  border: 5px solid white;
}
p {
  font-size: 16px;
  margin-bottom: 1em;
  padding: 2px;
}
.box1 h1 {
  text-align: center;
  font-size: 3rem;
}
.box1 h1 img {
  height: 1em;       /* same height as the text */
  vertical-align: middle; /* keeps it aligned nicely */
}
/* ---------- BOX1 ---------- */

/* ---------- BOX2 ---------- */
.box2 {
  margin: 10px auto 150px auto; /* top, right, bottom, left */
  width: 50%;
  height: 200px;
  overflow: auto;
  border: 5px solid white;
}

.box2 h1 {
  text-align: center;
  font-size: 3rem;
}
.box2 h1 img {
  height: 1em;       /* same height as the text */
  vertical-align: middle; /* keeps it aligned nicely */
}
/* ---------- BOX2 ---------- */