p{
    font-family: 'Times New Roman', Times, serif;
    font-size: 15pt;
    font-style: italic;
}
.h1 {
    font-size: 40pt;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
}
.header {
     background-color: rgb(37, 38, 38);  
     color: white; 
     padding: 20px; 
     text-align: center;
    font-size: 45pt;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic ;
    }
     
.paragraph1 {
    float: left;
    width: 30%;
    font-size: 15pt;
    font-style: italic;
    margin: 10px;
   ;
}
.image1 {
    
    
     margin-left: 40;
}
body {
    background-color: rgb(199, 193, 193) ;
}
li{
    font-size: 15pt;
    font-style: italic;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.C{
    display: flex;
    
}

.C p {

 width: 40%;
    font-size: 15pt;
    font-style: italic;
    margin: 15px;
    flex: 0.75;
    float: left;
}
.C img{
    margin: auto;
    display: flex;

}
.image2{
  display: flex;
    justify-content: center;
    align-items:center;
}

.An{
    font-family: 'Times New Roman', Times, serif;
    font-style: italic bold;
    
}
.Ann{
    
    font-family: 'Times New Roman', Times, serif;
    font-style: italic
}
.Ann p{
    text-align: center;
    width: 70%;
    margin: 15px;
}

.table-container { width: 100%; overflow-x: auto; } 
table { width: 30%; 
    border-collapse: collapse; 
    margin: 20px 0; }
 
    th, td {
         padding: 12px;
          border: 1px solid #ddd; 
          text-align: left; }
 
          th { background-color: #f4f4f4; } 
           @media (max-width: 600px) 
{ table, thead, tbody, th, td, tr { display: block; } 
th {
     top: -9999px; 
     left: -9999px; } 

     tr { margin: 0 0 1rem 0; 
        border-bottom: 1px solid #ddd; } 
td { 
    border: none;
     position: relative;
      padding-left: 50%; 
      white-space: normal; 
      text-align: right; } 

td:before { 
    content: attr(data-label); 
    position: absolute; left: 10px; width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;     
    text-align: left;
    font-weight: bold; } }

    .animated-image {
         width: 150px; 
          height: auto; animation: 
          bounce 4s infinite; 
        }
         @keyframes bounce {
             0%, 20%, 50%, 80%, 100% {
                 transform: translateY(0); } 
                 40% { transform: translateY(-30px); } 
    60% { transform: translateY(-15px); } }
    a {
        color:black ;
    }
   .title{
    text-align: center;
    font-size: 35pt;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    background-color: bisque;
   }