:root {
--content-max-width: 45em;
--default-margin: 2vw;
}

body {
	font-family: "Atkinson Hyperlegible", sans-serif;
	max-width: 100%;
	margin:0px;
}

.content{	
	margin-left: var(--default-margin);
	margin-right: var(--default-margin);
	width:var(--content-max-width: 45em);
	display: inline-block;
	max-width:90vw;
}

h1 {
	color: #3781EAFF;
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
img {
	max-width:90vw;
	max-height: 50vh;
	padding:1em;
}
nav {
	background-color:  #3781EA46;
	width: 100vw;
	height: 40px;	
	display: flex;
	align-items: left;
    overflow: hidden;

}

nav a {	
	display:inline;
	vertical-align: middle;
    text-align: center;
    margin-right: 0.3em;
}
nav a.active {
  color: white;
  font-weight: bold;
}