body {
    background-color: #000000;
    display: flex;
}

h1 {
  font-family: Courier New, monospace;
  color: #ffffff;
  text-shadow:
                -2px -2px 0 #000000,
                2px -2px 0 #000000,
                -2px 2px 0 #000000,
                2px 2px 0 #000000,
                -3px 0px 0 #000000,
                3px 0px 0 #000000,
                0px -3px 0 #000000,
                0px 3px 0 #000000;
}

h2 {
  font-family: Courier New, monospace;
  color: #ffffff;
  text-shadow:
                -2px -2px 0 #000000,
                2px -2px 0 #000000,
                -2px 2px 0 #000000,
                2px 2px 0 #000000,
                -3px 0px 0 #000000,
                3px 0px 0 #000000,
                0px -3px 0 #000000,
                0px 3px 0 #000000;
}

h5 {
  font-family: Courier New, monospace;
  color: #000000;
  background-color: var(--mainColor);
}

.bigbox {
  background-image: linear-gradient(to bottom,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000);
  /* Outline is better than border in some cases (like this one) because borders take up space and outlines don't. */
  outline: 5px solid #ffffff;
  width: 65%;
  height: 200px;
  position: absolute;
  /* This below is necessary for positioning */
  left: 17.5%;
  right: 17.5%;
  top: 0px;
}

.topbox {
  background-image: linear-gradient(to bottom,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000,
  var(--mainColor), #000000);
  /* Outline is better than border in some cases (like this one) because borders take up space and outlines don't. */
  outline: 5px solid #ffffff;
  width: 65%;
  height: 35px;
  position: absolute;
  /* This below is necessary for positioning */
  left: 17.5%;
  right: 17.5%;
  top: 215px;
}

.leftside {
  background-image: linear-gradient(to bottom,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000);
  /* Outline is better than border in some cases (like this one) because borders take up space and outlines don't. */
  outline: 5px solid #ffffff;
  width: 10%;
  height: 100%;
  position: absolute;
  /* This below is necessary for positioning */
  left: 17.5%;
  right: 82.5%;
  top: 265px;
}

.rightside {
  background-image: linear-gradient(to bottom,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000,
  var(--secondaryColor), #000000);
  /* Outline is better than border in some cases (like this one) because borders take up space and outlines don't. */
  outline: 5px solid #ffffff;
  width: 10%;
  height: 100%;
  position: absolute;
  /* This below is necessary for positioning */
  left: 82.5%;
  right: 37.5%;
  top: 265px;
}



marquee {
    font-family: Courier New, monospace;
  color: #ffffff;
  text-shadow:
                -2px -2px 0 #000000,
                2px -2px 0 #000000,
                -2px 2px 0 #000000,
                2px 2px 0 #000000,
                -3px 0px 0 #000000,
                3px 0px 0 #000000,
                0px -3px 0 #000000,
                0px 3px 0 #000000;
}
.marquee {
  position: absolute;
}