body{
    background-color: rgb(242, 239, 231);
    margin: 0;
}
header {
    padding: 2%;
    width: 100%;
    background-color: rgb(199, 217, 221);
    text-align: center;
    color: black;
}
footer {
    padding: 2%;
    width: 100%;
    background-color: rgb(246, 222, 216);
    padding: 5px;
    text-align: center;
    color: rgb(0, 0, 0);
   
  }
 .button {
    border-radius: 10px;
    color:  rgb(242, 239, 231);
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
  }
  .button2 {
    background-color:rgb(242, 239, 231); 
    color: black; 
    border: 4px solid rgb(173, 178, 212);
  }
  
  .button2:hover {
    background-color:rgb(173, 178, 212) ;
    color: white;
  }
  .index{
    margin: auto;
  }

.about-text {
  padding: 50px;
  width: 80%;
  margin: auto;
}

.image-container {
  text-align: center;
}

.table, th, td {
  border:1px solid black;
}
