/* Styling the entire page body */
body {
  background-color: #f9f9f9;    /* Sets a light gray background */
  font-family: Arial, sans-serif; /* Sets a clean, readable font */
  color: #333333;               /* Sets the main text color */
  margin: 0;                    /* Removes default browser margins */
  padding: 10px;                /* Adds space inside the body */
}

/* Styling headings */
h1 {
  color: #203167;               /* Sets heading color to green */
  font-size: 3em;              /* Sets text size */
  text-align: center;           /* Centers the text */
  margin-top:2em;
}
h3 {
  color: #203167;               /* Sets heading color to green */
  font-size: 1.4em;              /* Sets text size */
  text-align: center;           /* Centers the text */
  
}

/* Styling paragraphs */
p {
  line-height: 1.5;             /* Adds space between lines for readability */
  margin-bottom: 15px;          /* Adds space below each paragraph */
  text-align: center; 
}

/* Styling links */
a {
  color: #203167;                /* Sets link color */
  text-decoration: none;        /* Removes the default underline */
}

a:hover {
  text-decoration: none;   /* Adds underline when hovering */
  color: #071953;  
}


img {
  max-width: 60%;
  height: auto;
  display: block; /* Removes unwanted whitespace below the image */
  margin-top:6em;
 
}