html, body {
    max-width: 800px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 10px;
}

/*typography*/

	body {
	    font-family: 'Ubuntu', sans-serif;
	    font-weight: normal;
	}
	
		page {
	    width: auto;
	}
	
	h1 {
	    font-family: 'Ubuntu', sans-serif;
	    font-size: 3rem;
	    font-weight: 800;
	    margin: .5em 0;
	    color: #0000ff;
	}
	
	h2 {
	    font-family: 'Ubuntu', sans-serif;
	    font-size: 3.5rem;
	    font-weight: 800;
	    margin: 1em 0;
	    color: #0000ff;
	}
	
	p {
	    margin: 1em 0;
	    font-size: 1rem;
	    color: #0000ff;
	    line-height: 1.7em;
	}
	
	a {
	    color: #0000ff;
	    text-decoration: none;
	}
	
	a:hover,
	a:focus {
	    color: #0000ff;
	    font-style: italic;
	}
	
	hr {
	    height: 10px;
	    color: #0000ff;
	    border-radius: 12px;
	    background-color: #0000ff;
	    border: none;
	    margin: 1em 0;
	}