body {
  background-color:beige;
  color:black;

}

header, main, nav, footer {
  text-align: center;
  font-style: Times New Roman;
}
h1 {
  color:darkolivegreen;
  font-size: 40px;
}
h2 {
  font-size: 25;
  font-style: italic;
}
.logo {
  width:100px;
  position:relative;
}
nav a {
  padding:15px;
  padding-bottom:4px;
  font-size: 1.8em;
  text-decoration: none;
  color:black;
}
.blog-intro {
  width:600px;
}
nav a:hover {
  border-bottom:2px orange solid;
  font-size: 2em;
  transition: .9s;
}
.top-nav span.active > a{
  color: orange;
}
main{
  display: flex;
  justify-content: center;
}
footer{
  font-size: 12px;
  color: #1ff702;
}
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;
}
#contact-form{
  padding: 0px 300px 0px 300px;
}
ul {
  width:500px;
  margin: 0 auto;
  text-align: left;
}
.hobby {
  color: #eeff00;
}
h1 {
  font-family:fantasy;
  font-size:45px;
}
h2 {
  font-family: fantasy;
  font-size: 25px;
}
p {
  font-size: 18px;
  font-family:fantasy;
  
}
.top-nav {
  font-family:fantasy;
}
.button {
  background-color: #0040ff;
  font-size: 24px;
  border-radius: 50%;
  font-family: fantasy;
}
.buttonheading {
  font-family:fantasy;
  font-size: 25px;
}