h1 {

  color: orange;

  text-align: center;

}



h2 {

  color: midnightblue;

  text-align: center;

}



h4 {

  color: orange;

  text-align: center;

}





p {

  color: midnightblue;

  text-align: center;

}



ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



.header {

  background-color: midnightblue;

  text-align: center;

  padding: 20px;

}



/* Style the top navigation bar */

.topnav {

  overflow: hidden;

  background-color: #333;

}



/* Style the topnav links */

.topnav a {

  float: left;

  display: block;

  color: #f2f2f2;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

}



/* Change color on hover */

.topnav a:hover {

  background-color: #ddd;

  color: black;

}



/* Create three unequal columns that floats next to each other */

.column {

  float: left;

  padding: 10px;

}



/* Left column */

.column.left {

  width: 12%;

}



/* Right column */

.column.right {

  width: 82%;

}



/* Clear floats after the columns */

.row::after {

  content: "";

  display: table;

  clear: both;

}



.footer {

  background-color: midnightblue;

  text-align: center;

  padding: 20px;

}

.table, th, td {
  border: 1px solid black;
}