article {
	padding: 2vh 4vw 2vh 4vw; /* top-right-bottom-left */
	font-family: monospace;
}

body {
	background-color: #A5DEE4;
	color: #562E37;
	display: flex;
	flex: 1;
	flex-direction: column;
	position: relative;
	top: 0vh;
	left: 0vw;
	margin: 0px;
}

img { width: 100%; }

a { color: #005CAF; }
a:hover { color: #211E55; }

.headre {
	display: flex;
	place-items: center;
	justify-content: space-between;
	background-color: #e1463c;
	color: #FEDFE1;
}
.headre a { color: #FEDFE1; }

.links {
	display: flex;
	place-items: center;
	justify-content: space-between;
	background-color: #E1463C;
	color: #FEDFE1;
}
.links a { color: #FEDFE1; }

.footre {
	background-color: white;
	overflow: hidden;
	line-height: 0;
}

/* below here is special rules for specific posts */
#two { background-color: #FBE251; }
#four { background-color: #a9a5e4; }
#five { background-color: #FBE251; }
#five #fivetext { white-space: pre-wrap; }
#six img { width: 50%; }
#seven { background-color: #A9A5E4; }
#eight { background-color: #FBE251; }
#ten { background-color: pink; }
#ten p { font-size: 1.1em; }
#eleven { background-color: #FBE251; }
#thirteen { background-color: #A9A5E4; }
#thirteen p { font-size: 1.1em; }
#fourteen { background-color: #FBE251; }
#fourteen img { width: 50%; }
#fifteen { background-color: pink; }
#sixteen { font-size: 1.2em; }
#sixteen code { background-color: whitesmoke; }
#sixteen .cb { margin: -2vh 0 0 3vw; }