body {
	font-family: Alegreya, serif;
	padding: 0;
	margin: 0;
	width: 100%;
}

main {
    margin: 2em;
	font-size: 1.3em;
}

header {
	margin-left: 2em;
	margin-right: 2em;
}

h1, h2, h3, h4, h5, nav {
	font-family: Roboto, sans-serif;
	font-weight: normal;
}

h4 { 
	font-weight: bold;
}

header a:link, header a:visited {
  text-decoration: none;
  color:black;
}

header a:hover {
  text-decoration: underline;
}

header a:active {
  text-decoration: underline;
}

header h1 {
	font-weight: bold;
	float: left;
}

nav {
	float:right
}

nav ul li {
    padding-left: 1ch;
}

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

hr {
	clear:both;
}

@font-face {
  font-family: "Alegreya";
  src: url("alegreya-latin-400-normal.woff") format('woff');
}

@font-face {
  font-family: "Roboto";
  src: url("roboto-latin-400-normal.woff") format('woff');
}

@font-face {
  font-family: "Roboto";
  src: url("roboto-latin-700-normal.woff") format('woff');
  font-weight: bold;
}