@font-face {
	font-family: "alagard"; 
	src: url("https://robinhoodhistory.neocities.org/9-fonts/alagard.ttf") format("truetype");
}
		
@font-face {
	font-family: "GothicPixels"; 
	src: url("https://robinhoodhistory.neocities.org/9-fonts/GothicPixels.ttf") format("truetype");
}

body, html {
	margin: 0; 
	padding: 0; 
	height: 100%;
	width: 100%;
	background-color: #EBD9A9;  
	font-family: "alagard", auto; 
	cursor: url(https://robinhoodhistory.neocities.org/1-images/cursor-classic.png), pointer;
	display: flex; 
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}
		
a {
cursor: url(https://robinhoodhistory.neocities.org/1-images/cursor-link.png), pointer;
text-decoration: underline; 
	color: #1D5221;
}
		
.heading {
	font-size: 2rem; 
	padding: 20px;
	color: #880910; 
	font-family: "GothicPixels", auto; 
	text-align: center; 
}
		
.content {
	width: 80%; 
	margin: auto; 
	max-width: 800px;
	text-align: justify;
}
	
.content figure{
	float: left;  
	margin: 5px 15px 15px 5px; 
	width: 300px;
}

.content img{
	width: 100%; 
	height: auto; 
	display: block;
}
		
.content figcaption{
	font-size: 14px; 
	text-align: center; 
	font-family: "alagard", auto; 
	margin-top: 5px; 
	color: #555;
	
}
		
		
P { 
	font-family: "alagard", auto; 
	color: black;
	font-size: 16px; 
	z-index: 10; 
	white-space: normal; 
	margin-top: auto;
}