@font-face {
  font-family: 'David Libre';
  src: local('David Libre'), local('DavidLibre'),
       url('DavidLibre-Regular.woff') format('woff')
}

/* CSS Reset */
html {
  margin: 0;
  padding: 0;
  text-align: left;
  text-rendering: optimizeLegibility;
}

/* HTML5 tag defaults. */
header, footer, aside, nav, article 
{ 
  display: block;
}

h1, h2, h3, h4, h5 { 
  margin-block-start: 0;
  font-weight: normal;
  text-align: left;
  font-size: 1em;
}

body {
  font-family: 'David Libre';
  padding: 1em;
  font-size: 1.4em;
  line-height: 1.2em;
  text-align: left;
  color: #090A0E;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: auto;
  max-width: 40em;
}

p {
  margin-block-start: 0;
}

ul, ul li {
  margin:0;
  padding:0;
  list-style:none      
}

ul li::before {
  content: '*\00a0'; 
}

/* Use a thin border around all images. */
img 
{
  border: 1px solid;
  max-width: 40em;
  width: 100%;
}

/* Navigation bar. */
nav 
{
  padding-bottom: 1ex;
  margin-bottom: 4em;
}

nav::after {
  clear:left;
}

nav ul 
{
  padding: 0;
  margin-left: 0;
  list-style: none;
}

nav ul li 
{
  display: inline;
  float: left;
  margin-right: .4em; /* How far between items. */
  margin-top: .3em;
}

nav li::before {
  content: none;
}

nav ul li a 
{
  display: inline;
  margin: 0;
}

/*
 * Use a border around tables, but don't draw lines around individual
 * cells.
 */
table 
{
  border-style: solid;
  border-collapse: collapse; 
  border-width: thin;
  font-size: 100%;
}

th, td 
{
  border-style: solid;
  border-width: thin;
}

a {
  border-bottom: 1px solid #090A0E;
}

/* for unvisited links: blue */
a:link
{
  text-decoration: none;
}

/* for visited links: purple */
a:visited
{
  text-decoration: none;
}

/* when mouse is over link or the link is active*/
a:hover, a:active
{
  text-decoration: none;
}

blockquote {
  border: 1px solid;
  margin: 0;
  padding-left: 1em;
}