.fixed-image2  {
  position: absolute;
  top: -28px;
  Left: -25px;  
  z-index: 2; 
}

.fixed-image3  {
  position: absolute;
  top: 100px;
  Right: 100px;  
  z-index: 3; 
}

.fixed-image4  {
  position: absolute;
  top: 1300px;
  Right: 60px;  
  z-index: 4; 
}

.fixed-image5 {
  position: absolute;
  top: 1600px;
  Right: 60px;  
  z-index: 5; 
}

.fixed-image6 {
  position: absolute;
  top: 750px;
  Right: 60px;  
  z-index: 6; 
}

.title-container  {
  display: flex;         
   padding: 25px;         
  align-items: center;  
   background-color: #d72547;
  border: 2px solid #d72547;
  border-radius: 10px;   
  height: 125px;
  gap: 20px;           
}

p1 { color: #4d0835;
   font-family: "Pliant", normal;
   font-size: 1.1em;
   text-align: center;
}
  

h2 {
  color: #e9dbe4;
   font-family: "Pliant", normal;
   font-size: 1.2em;
   height: 20px;
}

h3 {
  color: #4d0835;
   font-family: "Pliant", normal;
   font-size: 1.6em;
   ;
}

a {
  text-decoration: none;
  /*removes the link underline */
}

a:link, a:visited {
  color: #e9dbe4;
}
/* Removes the blue border/outline when a link is clicked or focused */
a:active, a:focus {
  outline: none;
}

.notable-regular {
  font-family: "Notable", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.text-box {
  display: block;  /* Makes the box width hug the text length */
  width: 100vw;           /* Adjust how wide the box is */
   max-width: 90%;
  height: auto;          /* Adjust how tall the box is */
  padding: 60px;          /* Space between the text and the box edges */
  margin: 10px;           /* Space outside the box */
  background-color: #e9dbe4; /* Background color (white here) */
  border: 2px solid #e9dbe4; /* Border thickness and color (black) */
  border-radius: 10px;     /* Optional: rounds the corners */
  overflow: visible;      /* No scrollbars; text is fully visible */
}

.centered {
	transform: translate(10%);
}