@charset "UTF-8";
	
		
		html {
		
		background-image: url("Assets/Images/backlit-dark-dawn-960x640.jpg"); /*source for stock image:https://www.pexels.com/photo/backlit-dark-dawn-environment-289367/*/
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
		
	}	
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
header {
	background-image: url(Assets/Graphics/header.jpg);
	padding-top: 32px;
}
		
	
header h1   {
	font-family: shojumaru, eater, fantasy, sans-serif, serif;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.70);
	padding-bottom: 10px;
}
#topNav {
	text-align: right;
	list-style-type: none;
	border-bottom-width: medium;
	border-bottom-style: solid;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
}
#topNav li {
	display: inline-block;
	margin-left: 30px;
	font-size: 1.1em;
	margin-right: 10px;
	background-color: rgba(0,0,0,0.70);
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#topNav li a:link, a:visited {
	color: #FFCB67;
	/* [disabled]background-color: rgba(0,0,0,0.70); */
}
#topNav li a:hover, a:active {
	color: #8C1F1F;
}
main {
	font-size: 1.3em;
	letter-spacing: 0.05em;
	background-color: rgba(0,0,0,0.52);
}
main h2 {
}
body {
	color: #FFCB67;
}
.IndexMain {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.IndexMain h1 {
	text-decoration: underline;
}
.IndexMain h3 {
	text-align: center;
}
.IndexMain p {
	line-height: 1.5em;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
footer {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	text-align: center;
	border-top-width: medium;
	border-top-style: solid;
	padding-top: 20px;
	background-color: rgba(0,0,0,1.00);
	padding-bottom: 20px;
}
footer a:link  , footer a:visited{
	color: rgba(228,32,35,1.00);
}
footer a:hover  , footer a:active{
	color: rgba(9,74,12,1.00);
}
.JournalMain {
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.JournalMain h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.75em;
	text-decoration: underline;
}
.JournalMain .JournalOpenP {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom-style: solid;
	border-bottom-width: medium;
	padding-bottom: 20px;
	font-size: 1em;
	/* [disabled]margin-bottom: 10px; */
}
.JournalMain p  {font-family: "Indie Flower", sans-serif}

	.JournalMain h2 {
	font-family: "Shadows Into Light", sans-serif;
	text-decoration: underline;
}
.italic {
	font-style: italic;
}
.JournalMain .kyleNote1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
}
.kyleNote1 a:link, .kyleNote1 a:visited {
	color: rgba(228,32,35,1.00);
}
.kyleNote1 a:hover, .kyleNote1 a:active {
	color: rgba(9,74,12,1.00);
}
.JournalMain .kyleNote2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
}
.JournalMain .kyleNote3 {
	font-size: 1em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.amIp {
	text-align: justify;
}
.pleaseHelpmain {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pleaseHelpmain h1 {
	line-height: 1.5em;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pleaseHelpmain p {
	line-height: 1.5em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pleaseHelpmain p a:link, .pleaseHelpmain p a:visited {
	color: rgba(228,32,35,1.00);
}
.pleaseHelpmain p a:hover, .pleaseHelpmain p a:active {
	color: rgba(9,74,12,1.00);
}
.pleaseHelpmain ul {
	line-height: 1.5em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
	
	
#MissInfo {
	display: flex;
	padding-bottom: 40px;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}

	

	
	.kyle {
	order: 1;
	padding-right: 100px
		
	}
.kyleInfo {
	width: 333px;
	height: 250px;
	order: 3
}
	
	.shinji {
		
		order: 2
		
	}
	
.shinjiInfo {
	width: 333px;
	height: 250px;
	padding-left: 100px;
	order: 4	
}
#Form {
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 20px;
	border-width: 5px;
	border-style: solid;
	padding-left: 20px;
	text-align: center;
}