@charset "UTF-8";
html { 
	position: relative; 
	width:100%; 
}

@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("../fonts/Atkinson-Hyperlegible-Regular-102.woff") format('woff');
	font-display: swap;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("../fonts/Atkinson-Hyperlegible-Bold-102.woff") format('woff');
    font-weight: bold;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("../fonts/Atkinson-Hyperlegible-Italic-102.woff") format('woff');
    font-style: italic;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("../fonts/Atkinson-Hyperlegible-BoldItalic-102.woff") format('woff');
    font-weight: bold;
    font-style: italic;
}

#site_header {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
	text-align: center
}

#content {
	max-width: 860px;
	min-height: 300px;
	margin: 2rem auto;
}

#content h2 {
	margin: 10px auto;
}

.post { 
	box-shadow: 0px 0px 5px 3px gray;
	background: #f8f8f8;
	max-width: 860px; 
	margin:auto; 
	font-size: 15px; 
	padding: 2rem;
}

.post-header {
	margin-bottom:2rem;
}

.post p {
	margin: 0 0 1em 0;
}

.post p:last-child {
	margin: 0;
}



.summary {
	box-shadow: 0px 0px 5px 3px gray;
	background: #f8f8f8;
	max-width: 860px; 
	margin: 15px auto; 
	font-size: 14px; 
	padding: 1rem;
}

footer {
	text-align: center;
	border-top: 1px solid #000000;
	padding-top: 5px
}

ul {
	padding-inline-start: 0px;
}

li {
	list-style-type: none;
}

@media screen and (max-width: 767px) { #site_header { font-size: 12px; } }

a { text-decoration: none; color: #0099cc }

a:hover {
	text-decoration: underline;
}

img { flex-grow: 1; max-width: 200px; object-fit: contain; display:block; margin-top:1rem; margin-left:auto; margin-right:auto; margin-bottom: 1rem; }

a.selected { color: #33cc33 }

body {background-color: #e6e6ea; color: black; font-family: "Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif; margin:40px auto }

h1, h2, h3, p { font-family: "Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif; text-align:center; }

.info { color:gray; font-size: 12px; text-align:center; padding-bottom:0; }