html{
  font-family: sans-serif;
}

header{
  text-align: center;
  font-size: 4em;
}


nav ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  color: red;
}

nav li {
 flex: 1;
 text-align: center;
}

nav a:hover {
  color: red;
  background-color: orange;
 
}

main {
  display: flex;
 
}





main aside {
  flex: 1;

}

main article {
  flex: 2;
}

h1{
  font-family: fantasy;
  font-size: 1.5em;
}

main h2{
  font-size: 3em;
  font-family: fantasy;
}

aside h2{
  font-size: 2em;
  font-family: fantasy;
}