<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* This is a comment - it's ignored by the browser */

   .reduced-spacing {
     line-height: 0.4;
   }


.button {
  background-color: #5c348b;
  border: none;
  color: rgb(254, 254, 252);
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  width: 300px;
  margin: 14px 30px;
  cursor: pointer;
}

.button-container {
  text-align: center;
}


/* Select all paragraphs (p) and set their text color to black */
p {
  color: black;
}

/* Select the element with the class "highlight" and set its background color to blue */
.highlight {
  background-color: rgb(255, 170, 0);
}

#main-heading {
  text-align: center;
  
}

/* Select the element with the id "main-heading" and center its text */
#second-heading {
  text-align: center;

}

.image1 {
     width:250px;
     display: block;
     margin: auto;
}

header-container {
  position: relative; /* Allows absolute positioning of the logo within */
  padding-left: 0px; /* Adjust based on image width + desired spacing */
}

.logo1 {
  position: absolute; /* Position the logo absolutely */
  top: 0;             /* Align with the top of the container */
  left: 0;           /* Align with the left of the container */
  width: 250px;       /* Set desired width */
  height: auto;      /* Maintain aspect ratio */
}

.logo2 {
  position: absolute; /* Position the logo absolutely */
  top: 0;             /* Align with the top of the container */
  right: 0;           /* Align with the left of the container */
  width: 250px;       /* Set desired width */
  height: auto;      /* Maintain aspect ratio */
}

.logo3 {
  position: absolute; /* Position the logo absolutely */
  top: 0;             /* Align with the top of the container */
  right: 0;           /* Align with the left of the container */
  width: 400px;       /* Set desired width */
  height: auto;      /* Maintain aspect ratio */
}

.logo4 {
  position: absolute; /* Position the logo absolutely */
  bottom: 0;             /* Align with the top of the container */
  left: 0;           /* Align with the left of the container */
  width: 150px;       /* Set desired width */
  height: auto;      /* Maintain aspect ratio */
}

.logo5 {
  position: absolute; /* Position the logo absolutely */
  bottom: 0;             /* Align with the top of the container */
  right: 0;           /* Align with the left of the container */
  width: 150px;       /* Set desired width */
  height: auto;      /* Maintain aspect ratio */
}

.footer-container {
  text-align: center;
}




</pre></body></html>