body {
	background-color: #555;
	font-family: "Segoe UI", "Roboto", "Helvetica", "Lucida Grande", sans-serif;
	font-weight: 300;
}
h1, h2 {
	color: #eee;
	font-weight: 200;
	line-height 1.2;

}
header {
	padding: 20px;
	background-color: #333;
        font-family: "Segoe UI", "Roboto", "Helvetica", "Lucida Grande", sans-serif;
        font-weight: 100;
	text-align: center;
}

a:link, a:visited {
	    text-decoration: none;
	    color: white;
   }
a:hover, a:active {
	    text-decoration: underline;
	    color: orange;
    }
    nav {
	    padding: 0;
	    bottom: 0;
    }
   nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    text-align: center;
}

nav ul li {
	flex-grow: 1;
	padding:1px;
	background-color: #111;
}
nav ul li a {
	display: block;
	padding:12px;
	-webkit-transition: background-color  0.25s, color 0.25s;
}
nav ul li a:hover {
	background-color: #222
}
