body {
  background-image: url('/images/backgrounds/LongerStoney.jpg');
  background-color: #FFFFFF; /* Optional: A fallback color while the image loads */
    background-size: 100% 225%; /* Optional: Stretches the image to cover the entire container */
  background-repeat: no-repeat;
  height: 100%;
  background-attachment: scroll; 
  color: #a7432d;
  font-family: Courier;
  align-items:center;
}
  
.border {
  border-style: solid;
  border-width: 3px;
  border-color: #a7432d;
  padding: 10px; /* Optional: adds space between content and border */
}

.parent {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 8px;
}

.div {
   margin-top: 750px;
}


.halfway-down {
  margin-top: 50%;
}

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
}

.image-box {
    background-image: url("/images/backgrounds/FinalStoneyDiv.png");
    width: 575px;
    height: 275px;
    background-repeat: no-repeat; 
    background-size: 100% 100%;
}

.image-box1 {
    background-image: url("/images/backgrounds/FinalStoneyDiv2.png");
    width: 800px;
    height: 450px;
    background-repeat: no-repeat; 
    background-size: 100% 100%;
    
}

.image-box2 {
    background-image: url("/images/backgrounds/FinalStoneyDiv3.png");
    width: 800px;
    height: 625px;
    background-repeat: no-repeat; 
    background-size: 100% 100%;
   
    
}