body {
  background-image: url('images/plaid.jpg');
  background-size: cover;  /* Ensures the image covers the entire area */
  background-position: center;  /* Centers the background image */
  background-repeat: no-repeat;  /* Prevents the image from repeating */
  background-attachment: fixed;  /* Keeps the background fixed while scrolling */
}

.lostcreek {
  position: fixed;
  top: 40%;
  left: 25%;
}

.northpole {
  text-align: left;
  position: fixed;
  top: 40%;
  left: 70%;
}

.heading {
  position: fixed;
  top: 15%;
  left: 45%;
}

.journals {
  position: fixed;
  top: 47%;
  left: 46%;
  bottom: 50%;
}

/* note to self: remember to add mobile formatting