header {
  background-image: linear-gradient(240deg, #155799dc, #159957dc);
  
}

header > * {
  align-content: center;
  color:azure;
}

html {
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
  }
  @media (max-width: 800px) {
    html { font-size: 90%; }
  }
  @media (max-width: 400px) {
    html { font-size: 80%; }
  }

#nav-content>h1 {display: none;}

  
nav {
    font-size: 0.8em;
    color:azure;
    background-image: linear-gradient(90deg, #155799, #159957);
}

h2 {font-size: 2.2em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.05em;}