body {
    /* make Safari use system default font size */
    font: -apple-system-body;
	background: #fff;
	color: #000;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	margin: 20px;
	padding: 0;
    /* no max-width here as only needed in landscape */
}

/* make Safari use system default font size */
@supports (font: -apple-system-body) and (not (-webkit-touch-callout: default)) {
  :root {
    font-size: 100%;
  }
}

/* set max-width only in landscape (nothing needed for portrait) */
@media only screen and (orientation: landscape) {
  body {
    max-width: 25em;
  }
}


a {
	color: #000;
}

a:visited {
	color: #777;
}

a:hover {
	color: #999;
}

h1 {
font-size:1.6rem;
border-bottom: 1px solid #000;
}

h2{
font-size:1.3rem;
}

nav{
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin-bottom:20px;
padding-top:10px;
padding-bottom:10px;
}

ul{
list-style-type:square;
}

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

nav ul li{
display:inline-block;
padding:0.25rem
}