header {
  text-align: right;
  font-family: verdana;
  font-size: 20px;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  background: black;
  margin: 0 auto;
  padding: 0;
}

body {
  margin-top: 56px;
  font-family: verdana;
  min-width: 800px; 
  max-width: 1200px; 
}

ul[place="header"] {
  padding: 10px;
}

ul[place="body"] {
  margin: 20px;
  padding: 5px;
}

a {
  color: grey;
  text-decoration: none;
} 

/* mouse over link */
a:hover, a:hover code {
    color: rgb(185,0,0);
}

a[id="anchor"] {
    display: block;
    position: relative;
    top: -75px;
}

li[place="header"] {
  display: inline;
  text-align: right;
  padding: 0px 10px 0px 0px;
}

li[place="body"] {
  font-family: verdana;
  padding: 0px 0px 0px 10px;
}

h2::before {
  width: 0.85em;
  height:0.85em;
  background: rgb(185,0,0);
  display:inline-block;
  content: "";
  margin-right: 10px;
}

h2 {
  font-family: verdana;
  padding: 10px 0px 0px 0px;
}

h4::before {
  width: 0.85em;
  height:0.85em;
  background: rgb(185,0,0);
  display:inline-block;
  content: "";
  margin-right: 10px;
}

h4 {
  font-family: verdana;
  padding: 10px 0px 0px 0px;
}

p {
  font-family: verdana;
}

code {
  font-family: Consolas, 
               Monaco, 
               Lucida Console, 
               Liberation Mono, 
               DejaVu Sans Mono, 
               Bitstream Vera Sans Mono, 
               Courier New, 
               monospace, 
               serif;
  color: darkblue;
}