body,html{
    width: 100%;
    margin: 0;
}
#history{
width: 100%;
text-align: center;
 background-color: #f9f6e7;
/* background-cbolor: aqua; */
font-weight: lighter;
padding-top: 80px;

}
#history h1{
  color: blue;
}
.founder h1{
  color: blue;
}
.founder p{
    width: 90%;

}
.founder img{
width: 200px;
height: 200px;
}
.Background h1 {
    display: flex;
    color: blue;

}
    
#charism {
    width: 100%;
      display: flex;
    }
    .charism,.core-values{
    width: 600px;
    font-weight: lighter;
    }
    .charism {
      padding: 5px;
      border: 5px solid #666;
      border-radius: 8px;
      margin-left: 50px;
      margin-bottom: 10px;
     text-align: center;
    }
    .charism {
     background-color: #f9f6e7;
    
    }
    .charism h2{
         color: blue;
    }
    .core-values {
      background-color: #f9f6e7;
      border: 5px solid #666;
      border-radius: 8px;
      margin-left: 200px;
      margin-bottom: 10px;
      text-align: center;
      
      /* padding: 50px; */
    }
    .core-values h2{
        color: blue;
    }
    .core-values ul li{
      list-style: none;
    }
     #spirituality {
      display: flex;              /* Arrange children side by side */
      gap: 20px;                  /* Space between divs */
      padding: 20px;
      background-color: #f4f4f9;  /* Light background */
      border-radius: 10px;
      font-family: Georgia, 'Times New Roman', Times, serif;
    }

    .spirituality, .devotion,.patron {
      flex: 1;                    /* Each div takes equal space */
      /* padding: 30px; */
      text-align: center;
      font-size: 14px;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }

    .spirituality {
      background-color: #d1e7dd;  /* Soft green */
      color: #0f5132;
    }
    .spirituality img{
    width: 200px;
    height: 200px;
    }

    .devotion {
      background-color: #cfe2ff;  /* Soft blue */
      color: #084298;
    }
    .devotion img {
      width: 200px;
      height: 200px;
    }
    .patron img{
      width: 200px;
      height: 200px;
    }