body {
  background: #161a1d; color: #6e8091;
  font-family: sans-serif; font-size: 11pt;
  margin: 0; padding: 0;
}

a { background: inherit; color: inherit; }

nav ul {
  background: #6a5acd; color: #fff;
  border: solid #4636b0; border-width: 1pt 0;
  margin: 0; padding: 5pt 40pt;
}

nav ul li a, nav ul li a:hover, nav ul li a:active, nav ul li a:visited {
  border: solid #4636b0; border-width: 1pt 0;
  font-weight: normal;
  margin: 0; padding: 5pt 10pt;
  text-decoration: none; 
}

nav ul li a:hover, nav ul li a:active {
  background: #fff; color: #6a5acd;
  border-color: #d3d9de;
}

section {
  background: #000; color: #fff;
  margin: 0; padding: 10pt 40pt 40pt 40pt;
}

header {
  font-size: 8pt;
  margin: 0; padding: 5pt 40pt;
}

footer {
  background: inherit; color: inherit;  
  border: 0 solid #0b0d0f; border-top-width: 1pt;
  font-size: 8pt;
  margin: 0; padding: 10pt 40pt 40pt 40pt;
}

footer ul { margin: 10pt 0; padding: 0; }

footer ul li a { color: inherit; }

footer ul li a:hover { color: #fff; }

.inline ul li {
  display: inline;
  margin: 0 10pt 0 0;
}

.dimmed li a { color: #161a1d; }

/*
https://www.w3schools.com/colors/colors_picker.asp?colorhex=6A5ACD
https://www.w3schools.com/colors/colors_picker.asp?colorhex=778899
*/