.under {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  z-index: -1;
}

.over {
  position: absolute;
  left: 40px;
  top: 10px;
  width: 50%;
  z-index: -1;
}
/* .makeSense {
  position: absolute;
  width: 1120px;
  height: 370px;
  left: calc(50% - 1120px / 2 + 368px);
  top: 2562px;
  background: url('img/makeSense.png');
  transform: rotate(90deg);
} */

.modernPoster {
  position: absolute;
  width: 496px;
  height: 792px;
  left: 1233px;
  top: 4668px;

  background: url(modernPoster.png);
  transform: rotate(180deg);
}
.line3 {
  position: absolute;
  width: 594px;
  height: 66px;
  left: 687.41px;
  top: 3534px;

  background: rgba(36, 154, 213, 0.5);

  position: absolute;
  width: 595px;
  height: 66px;
  left: 687.41px;
  top: 3631px;

  background: rgba(36, 154, 213, 0.5);

  position: absolute;
  width: 595px;
  height: 66px;
  left: 687.41px;
  top: 3726px;

  background: rgba(36, 154, 213, 0.5);

  position: absolute;
  width: 466px;
  height: 373px;
  left: 461px;
  top: 3355px;
}
.title {
  /* April Greiman */

  position: absolute;
  width: 808px;
  height: 137px;
  left: 164px;
  top: 250px;

  font-family: "Michroma";
  font-style: normal;
  font-weight: 400;
  font-size: 96px;
  line-height: 136px;
  /* identical to box height */

  color: #ffcc02;
}
.newWave {
  /* New Wave */

position: absolute;
width: 674px;
height: 137px;
top: 308px;
left: 90%;  /* Centers the element horizontally */
transform: translateX(-50%) rotate(-90deg); /* Rotate and center */
font-family: 'Michroma';
font-style: normal;
font-weight: 400;
font-size: 120px;
line-height: 136px;
color: #FFCC02;
}
.miaWeber{

  position: absolute;
  width: 112px;
  height: 26px;
  left: 1346px;
  top: 920px;

  font-family: "Alatsi";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;

  color: #ffcc02;
}
.q1 {
  position: absolute;
  width: 612px;
  height: 418px;
  left: 38px;
  top: 404px;

  font-family: "Alatsi";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 19px;

  color: #ff339c;
}
.q2 {
  position: absolute;
  width: 893px;
  height: 468px;
  left: 450px;
  top: 848px;

  font-family: "Alatsi";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;

  color: #249ad5;
}
.q3 {
  position: absolute;
  width: 1021px;
  height: 338px;
  left: 235px;
  top: 1820px;

  font-family: "Alatsi";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 31px;

  color: #ff339c;
}
.q4 {
  position: absolute;
  width: 653px;
  height: 837px;
  left: 560px;
  top: 3000px;

  font-family: "Alatsi";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;

  color: #ffcc02;
}
.q5 {
  position: absolute;
  width: 574px;
  height: 1240px;
  left: 76px;
  top: 3759px;

  font-family: "Alatsi";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;

  color: #249ad5;
}
.contribution {
  /* Contribution */

  position: absolute;
  width: 613.36px;
  height: 181px;
  left: 235px;
  top: 1660px;

  font-family: "Michroma";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 57px;

  color: #ffcc02;

}
.backColour {
  background-color: black;
}