/* "if you are reading this, go outside and get a job nerd." - Bill Whales, 2025 */

body {
  background-color: rgb(255, 255, 255);
  background-image: url("Images/Backround/Backround1.gif");
  background-size: cover;
  color: black;
  font-family: 'Georgia', 'Times New Roman',
}

h1 {
  text-align: center;
}
#Quote {
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 2px #000000; 
  text-align: center;  
}

#HomeButton {
  position: absolute;
  top: 500px;
  left: 700px;
}

.mainheader {
  position: absolute;
  top: 20px;
  left: 700px;
}
.imageBox {
      position: relative;
      top: 600px; 
      left: 160px;
      width: 1px;
      height: 1px;
    }

    .imageBox .hoverImg {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
    }

    .imageBox:hover .hoverImg {
      display: block;
    }

    .imageBox:hover .hoverImg {
        display: block;
    }


    .imageBox2 {
      position: relative;
      top: 200px; 
      left: 600px;
      width: 1px;
      height: 1px;
    }

    .imageBox2 .hoverImg2 {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
    }

    .imageBox2:hover .hoverImg2 {
      display: block;
    }

    .imageBox2:hover .hoverImg2 {
        display: block;
    }


     .imageBox3 {
      position: relative;
      top: 50px; 
      left: 1450px;
      width: 1px;
      height: 1px;
    }

    .imageBox3 .hoverImg3 {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
    }

    .imageBox3:hover .hoverImg3 {
      display: block;
    }

    .imageBox3:hover .hoverImg3 {
        display: block;
    }


 .imageBox4 {
      position: relative;
      top: 400px; 
      left: 950px;
      width: 1px;
      height: 1px;
    }

    .imageBox4 .hoverImg4 {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
    }

    .imageBox4:hover .hoverImg4 {
      display: block;
    }

    .imageBox4:hover .hoverImg4 {
        display: block;
    }


    .imageBox5 {
      position: relative;
      top: 400px; 
      left: 500px;
      width: 1px;
      height: 1px;
    }

    .imageBox5 .hoverImg5 {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
    }

    .imageBox5:hover .hoverImg5 {
      display: block;
    }

    .imageBox5:hover .hoverImg5 {
        display: block;
    }

#hi {
  text-align: center;
  font-size: xx-large;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

#hi2 {
  text-align: center;
}