body {
	background-color: #FF77FF;
	width:50vw;
	margin-left:25vw;
	color: white;
	font-family: 'Playfair', 'serif';
	font-size: 1em;
}

footer {
}

footer img {
	width: 100%;
}

a {
	color: white;
}

a:active {
	color:fuchsia;
}

a:visited {
	color: #ddd;
}

blockquote {
	font-style: italic;
}

div {
	margin-top: 3vh;
}

div h1 {
	color: #AA00AA;
	border-bottom: 0.1vh solid #AA00AA;
	font-weight:1000;
}

div img {
	float:right;
	max-width:20vw;
	max-height:20vw;
	padding-left:2vw;
	padding-bottom:2vh;
}

div > p:last-of-type {
	clear:both;
}

figure {
	border-width: 0.1vh 0.1vw 0.1vh 0.1vw;
	border-style: solid;
	border-color: #AA00AA;
}

figcaption {
	font-style: italic;
	padding: 0 1vw 1vh 1vw;
	font-size: 0.8em;
}

.docsList a:before {
	content: "[";
}

.docsList a:after {
	content: "]";
}

.illo {
	float:left;
	width:100%;
	max-width:100%;
	max-height:100%;
	padding-left:0;
	padding-bottom:0.5vh;
}

.introduction {
	font-size: 1em;
}

.project {
	border-width: 0.1vh 0.1vw 0.1vh 0.1vw;
	border-style: solid;
	border-color: #AA00AA;
	padding: 0vh 3vw 1vh 3vw;
}

.sectionLinks {
	text-align: center;
}