body {
  font-family: Times New Roman;
  padding-top: 2%;
  padding-right: 10%;
  padding-left: 10%;
  padding-bottom: 1%;
}



h3 {
font-size:28px;
word-spacing: 5px;  
}

h4 {
font-size:20px;
word-spacing: 5px;  
}


li {
display: inline-block;
font-size: 26px;
font-weight: bold;
margin-left: 20px;
}

li:hover {
background-color: lightblue;
}

li:first-child {
margin-left: -2.5%;
}


p {
font-size: 22px;
line-height: 2;
}
    

#table1 {
   font-size: 22px;
   padding-top: 0px;
   padding-bottom: 0px;
   border-collapse: separate;
   border-spacing: 20px;
   font-weight: bold;
}


#table2 {
   font-size: 20px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 10px;
   border-collapse: separate;
   border-spacing:0 10px;
}


#scentence {
   font-family: Times New Roman;
   word-spacing: 5px;
   background: Navy;  
   color: white; 
   font-size:18px;
}


/* Styling the area of the slides */

#slideshow {
  overflow: hidden;
  height: 410px;
  width:  628px;
  margin: 0 auto;
}
 
/* Style each of the sides
with a fixed width and height */

 .slide {
  float: left;
  height: 410px;
  width:  700px;
}
 
/* Add animation to the slides */
.slide-wrapper {
   
/* Calculate the total width on the
  basis of number of slides */
  width: calc(700px * 16);
 
/* Specify the animation with the
  duration and speed */
  animation: slide 80s ease infinite;
}
 
 
/* Define the animation
for the slideshow */
@keyframes slide {
   
/* Calculate the margin-left for
  each of the slides */

  0% {
    margin-left: 0px;
  }
 
  10% {
    margin-left: calc(-2100px * 1);
  }
 
  20% {
    margin-left: calc(-2100px * 2);
  }

30% {
    margin-left: calc(-2100px * 3);
  }

40% {
    margin-left: calc(-2100px * 4);
  }
50% {
    margin-left: calc(-2100px * 5);

60% {
    margin-left: calc(-2100px * 6);
  }

70% {
    margin-left: calc(-2100px * 7);
  }

80% {
    margin-left: calc(-2100px * 8);
  }

90% {
    margin-left: calc(-2100px * 9);
  }

100% {
    margin-left: calc(-2100px * 10);
  }

110% {
    margin-left: calc(-2100px * 11);
  }

120% {
    margin-left: calc(-2100px * 12);
  }

130% {
    margin-left: calc(-2100px * 13);
  }


140% {
    margin-left: calc(-2100px * 14);
  }

150% {
    margin-left: calc(-2100px * 15);
  }



  }