body {
    font-family: -apple-system, Helvetica, Arial, sans-serif;
    max-width: 768px;
    margin: 8 auto;
    padding: 0 1rem;
    color: #444;
    background-color: #F6F6F6;
}

a {
	color: #444;
}

a:hover {
    color: #aaa;
}

h1 {
	font-size: 36;
}

h2 {
	margin-top: 60px;
	font-size: 18;
}

br {
	display: block;
	clear: both;
}

div {
	display: block;
	padding-bottom: 20px;
}

img {
    max-width: 100%;
    max-height: 400pt;
	display: block;
	clear: both;
}

img.zoomable {
	padding-top: 50px;
	padding-left: 50px;
}

img.left {
  float: left;
  margin-right: 1rem;
}

img.right {
  float: right;
  margin-left: 1rem;
}

img.middle {
    margin: 0 auto;
}

img.icon {
	margin-top: 20px;
	max-width: 100px;
	filter: drop-shadow(8px 8px 20px rgba(0,0,0,0.4));
}

.navbar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.5rem;
    padding-bottom: 10
}

.navbar li a {
    text-decoration: none;
}