body,html{
    width: 100%;
    margin: 0;
      background-color: rgb(186, 216, 242);     
}



#history{
    width: 100%;
    text-align: center;
    color: black

}
#history h2{

    text-align: center;
    
}
#history p{
    text-align: center;
    margin-top: 30px;
    justify-content: center;



}
.founders img{
    height: 100%;
    width: 200px;
}
#photos{
width: 100%;
height: 250px;
text-align: center;


}

.founders h3{
    color: rgb(237, 39, 0);
    text-align: center;
}
#charism{
    width: 600px;
c
}

#aboutus{
    text-align: center;
    margin-bottom: 100px;
 
}

#twodivs{
    display: flex;

}
.vision img{
    width: 150px;
    height: 150px;
    size: 150;
}
.charism img{
    width: 150;
    height: 150px;
    size: 150px;
}

#mission img{
    width: 150%;
    height: 150px;
    display: flex;
}
#twodivs h2{
    color: blueviolet;
}
#history{
    width: 100%;
    text-align: center;

}
#history h2{

    text-align: center;

    
}
#history p{
    text-align: center;
    margin-top: 30px;
    justify-content: center;
    


}
.founders img{
    height: 100%;
    width: 200px;
}
h1 {
  text-align: center;
  color: #333;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  margin-top: 20px;
}

th, td {
  padding: 10px;
  border: 1px solid #ccc;
}

th {
  background: #e0e7ff;
  text-align: left;
}