header, main, nav, footer {
  text-align: center;
}

iframe {
  display: block;
  margin: 0 auto;
}

body {
  background-color: black;
  color:white;
}

footer {
  color: lightsteelblue;
  font-size: 0.8em;
}

nav a {
  /* links within "nav" container */
  padding: 15px;
  padding-bottom: 4px;
  font-size: 1.5em;
  text-decoration: none;  /* removes underline */
  color: white;         /* by default, links are blue */
}

nav a:hover {
  /* pseudo class */
  border-bottom: 2px  orange solid;
  font-size: 2em;
  transition: 0.9s; /* transition effect */
}

main {
  display: flex;
  justify-content: center;
}

div {
  text-align: left;
}

.active {
  font-weight: bold;
  color: orange;
}

table {
  margin: 0px auto;
}

td {
  padding-right: 10px;
  font-size:1.3em;
}

td strong {
  color: orange;
}

#table-header {
  background-color: #351a00;
}

.table-row {
  background-color: #753900;
}

ul {
  width: 500px;
  margin: 0 auto;
  text-align: left;
}

.hobby {
  color:yellow;
}


h1 {
  font-size: 3.0em;
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}


body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}