* {
  box-sizing: border-box;
  font-family: Calibri, Helvetica, sans-serif;
}

body {
  margin: 0;
  font-family: Calibri, Helvetica, sans-serif;
  font-size: 24px;
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #ddd;
}

/* Applies to all <p>...</p> elements. */
p {
  font-size: 24px;
}

/* Applies to all <h1>...</h1> elements. */
h1 {
  font-size: 44px;
  color: red;
  font-weight: normal;
  margin-top: 5px;
}

/* Applies to all <h2>...</h2> elements. */
h2 {
  font-size: 36px;
  color: red;
  font-weight: normal;
}

/* Applies to all <h3>...</h3> elements. */
h3 {
  font-size: 30px;
  color: black;
  font-weight: 900;
}

/* Applies to tables. */
table {
  width: 100%;
  border-collapse: collapse;
}

td {
  text-align: left;
  padding: 5px;
  spacing: 0px;
  border: 1px solid black;
}

th {
  text-align: left;
  padding: 5px;
  spacing: 0px;
  border: 1px solid black;
  background-color: #ffffff;
}

tr:nth-child(even) {background-color: #f2f2f2;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ffddff;
  color: black;
}

/* Style the content */
.content {
  background-color: #ffddff;
  padding: 10px;
}

/* Style the footer */
.footer {
  background-color: #ddd;
  padding: 10px;
  font-size: 16px;
}


/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
body {
  margin: 25px;
  background-color: rgb(240,240,240);
  font-family: Calibri, sans-serif;
  font-size: 20px;
}