body {
	padding:0;
	margin:0px;
}

html { 
  background: url("./images/bg.png"); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a:link {
	text-decoration:none;
	underline:none;
	color:#f39926;
	text-weight:bold;
	}
	
a:visited {
	color:#b30838;
	text-decoration:none;
	}
	
a:hover {
	color:#616161;
	}

.header {
	color:white;
	background-color:#feb10f;
	font-family:"Myriad Pro", sans-serif;
	font-weight:bold;
	font-size:30px;
	width:301px;
	text-align:center;
	margin-left:5px;
	mix-blend-mode:multiply;
	}

.text-container {
	background-image:url("./images/whitebg.png");
	background-repeat:repeat-y;
	position:absolute;
	margin-left:25px;
	width:310px;
	height:100%;
	}
	
.text-container-right {
	background-image:url("./images/whitebg.png");
	background-repeat:repeat-y;
	position:absolute;
	margin-left:600px;
	width:310px;
	height:100%;
	}

.head-text {
	font-family:"Myriad Pro", sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}

.body-text {
	font-family:"Myriad Pro", sans-serif;
	font-size:14px;
	text-align:justify;
	list-style-type:none;
	margin-top:25px;
	padding-left:10px;
	padding-right:10px;
	}

.character {
	background-image:url("./images/1_pet.png");
	background-repeat:no-repeat;
	width:512px;
	height:512px;
	float:left;
	margin-top:20px;
	}
	
.character-feral {
	position:absolute;
	background-image:url("./images/feral.png");
	background-repeat:no-repeat;
	width:574px;
	height:314px;
	margin-left:355px;
	margin-top:80px;
	}