body { 
	
	font: 100% georgia, sans-serif;
	line-height: 1.9;
	color: rgb(85, 87, 83);  
	background-color: #ffceA5;
	margin: 0% 5%; 
	padding: 1%;
	box-shadow:	8px 0px 5px 3px rgba(0,0,0,0.5),-8px 0px 5px 3px rgba(0,0,0,0.5);
	min-height:175%;
	margin-top:80px;
	}

header{
	text-align:center;
	font-size:300%;
	font-weight: bold;
	font-family:sans-serif;
	
	
}

header p {
	margin-top: 0;
	text-align: center;
	color:#A92E59
}

p {  
	margin-left:3%;
	text-align: justify;
	font-size: 130%;
	}
h1 {
	margin-right:10%;
	padding-left:3%;
	border-bottom:2px solid maroon;
	border-radius: 0 0 75px;
	border-spacing: 2px;
	letter-spacing: 4px;
	font: bold 4em georgia;
	color: rgb(65, 62, 53);
		
}

ol {
	list-style: katakana inside;
	margin-left: 3%;
	font-size: 300%;
	padding-left: 10%;
	color: #C31083;
	line-height: 250%;
	width: 80%;
	
}

li {
	margin:3%;
}

li::first-letter{
	font-size:150%;
}


ol em {
	font-family: monospace;
}


a { 
	font-weight: bold; 
	text-decoration: none; 
	color: #C31083;
	}

a:hover{ 
	text-decoration: underline; 
	color: #9685AA;
	}

a:active{
	color: #9656FF;
}

abbr {
	text-decoration: underline;
	}

header img {
	margin-top:2%;
	margin-bottom:0;
	width: 80%;
}

img.left {
	float:left;
	height:100%;
	margin: 0 2% 0 1%;
}



@media screen and (max-width:950px) {
	img.left {
		width:50%;
	}
	ol {
		font-size:230%
	}
	header p {
		font-size:80%;
	}
}


@media screen and (max-width:500px) {
	h1{
		font-size:110%
	}
	ol {
		font-size:100%
	}

}