/*definitely just for index*/

.register_form{
	flex-grow: 9;
	border-style: solid;
	margin-right: 2%;
	width:40%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	padding-bottom: 3%;
}

.login_form{
	flex-grow: 9;
	border-style: solid;
	width:40%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	padding-bottom: 3%;
}

.formlabel{
	padding-right: 1px;
	display: inline-block;
	width: 50%;
}


.leftdata{
	background-color: #E5FDD1;
	border: 2px #627254;
        border-radius: 5px;
	height: 18px;
	margin-bottom: 1px;
	width: 40%;
	left: 10%;
}

.rightdata{
	background-color: #E5FDD1;
	border: 2px #627254;
        border-radius: 5px;
	height: 18px;
	margin-bottom: 1px;
	width: 40%;
	left: 10%;
	
}





.header {
        background-color: #627254;	
        width: 100%; 
	border-color: #627254;
	border-color: solid;
	font-size: 35px;
	font-family: Anek Latin;
	color: #E5FDD1;
}


.flex-container1 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	background-color: #C9D8B6;
	font-family: Anek Latin;
	color: #627254;
	height: 100%;
}
	
.flex-container2{
	display: flex;
	flex-direction: row;
	background-color: #627254;
	font-family: Anek Latin;
	font-weight: bold;
	font-size: 35px;
	color: #E5FDD1;
	width:100%;
}

.flex-container3{
	display: flex;
	flex-direction: row;
	background-color: #627254;
	font-family: Anek Latin;
	font-weight: bold;
	font-size: 20px;
	color: #E5FDD1;
	/*position: absolute;*/
	bottom: 0.5%;
	height: 15%;
	width: 98.8%;
	text-align: center;
	margin-bottom:0.5%;

}


.flex-container4{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: #C9D8B6;
	margin-bottom: 15%;
}


/*deleted .mainlogin and added all attributes to flex-container6*/

.flex-container6{
	display: flex;
	flex-direction: row;
	width:92%;
	align-self: center;
	background-color: #C9D8B6;
	height: 20%;
	font-size: 15px;
	font-family: Anek Latin;
	color: #627254;
	padding:3%;
}



.inputfield{
	display: inline-block;
	font-family: Anek Latin;
	font-size: 20px;
	color: #627254;
	font-weight: bold;
}


.leftside{
	justify-content: flex-start;
	padding-left: 10px;
	
}

.rightside {
	justify-content: flex-end;
	text-align: center;
	align-self: center;
}

.liststuff{
	text-align: center;
	align-self: flex-start;
	height: 207px;
	width: 250px;
}
	
	
.heading {
	text-align: center;
	background-color: #627254;
	border: 2px #627254;
        border-radius: 5px;
	margin-top: 15px;
}

.enter {
	color: #627254;
}

.button1 {
	text-align: center;
	font-family: Anek Latin;
	font-size: 30px;
	color: #E5FDD1;
	background-color: #627254;
	border: #627254;
}

.link {
	font-family: Anek Latin;
	font-size: 35px;
	color: #E5FDD1;
	text-decoration: none;

}

.gobackbutton{
	align-self: center;
	font-family: Anek Latin;
	font-size: 30px;
	text-decoration: none;
	color: #E5FDD1;
	background-color: #627254;
	border: 2px #627254;
        border-radius: 5px;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.h1{
	margin: 0;
}

.printstory{
	background-color: #C9D8B6;
	width: 100%;
	height: 375px;
	overflow: scroll;
}

.main{
	background-color: #E5FDD1;
	width: 100%; 
	height: 100%;
}


.helppage{
	text-align: center;
	font-size: 40px;
	font-family: Anek Latin;
	color: #627254;
}

.forestbackground {
	float: left;
	width: 33.33%;
	padding: 5px;

}

.image-container{
	text-align: center;
	font-size: 15px;
	font-family: Anek Latin;
	color: #627254;
}

.instructions{
	position: absolute;
	left: 530px;
	bottom: 255px;

}

.description{
	font-family: Anek Latin;
	font-size: 18px;
	color: #627254
}





.sendit{
	background-color: #E5FDD1;
	border: 2px #627254;
        border-radius: 5px;
	height: 20px;
	margin: 2px;
	width: 100px;
	text-align: center;
	font-size: 15px;
	font-family: Anek Latin;
	font-weight: bold;
	color: #627254;
}

.makeitbold{
	font-weight: bold;
}

	
#sidebar {
	background-color: #A6BB8D;
	text-align: center;
	font-size: 20px;
	font-family: Anek Latin;
	color: #E5FDD1;
	width: 280px;
	padding: 0px;
	margin: 0px;
}

#command {
	background-color: #E5FDD1;
	border: 2px #627254;
        border-radius: 5px;
	height: 40px;
	width: 415px;
}

#object{
	background-color: #E5FDD1;
	border: 2px #627254;
        border-radius: 5px;
	height: 40px;
	width: 415px;
}

#submit{
	background-color: #E5FDD1;
 	border: 2px #627254;
        border-radius: 5px;
	height: 42px;
	width: 101.75px;
	font-family: Anek Latin;
	font-size: 15px;
	color: #627254;
	font-weight: bold;
	
}


#storyline {
	padding: 10px;
}

#storylineheading {
	font-family: Anek Latin;
	font-size: 30px;
	color: #627254;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#logo{
	width: 80px;
	vertical-align: baseline;
	padding-left: 10px;
	padding-top: 10px;
}

#icon{
	width: 80px;
	vertical-align: baseline;
	padding-right: 10px;
	padding-top: 10px;
}

#credits{
	font-weight: normal;
	font-size: 15px;
}

#forestleft{
	height: 400px;
	position: absolute;
	bottom: 85px;
	left: 0px;
}

#tree{
	height: 390px;
	bottom: 85px;
	position: absolute;
	bottom: 78px;
	left: 450px;
	
}

#forestright{
	height: 400px;
	position: absolute;
	bottom: 85px;
	right: 0px;
}

/*#playbutton{
	position: absolute;
	bottom: 20%;
	left: 30%;
	font-size: 8%;
}*/

#sellingdata{
	font-family: Anek Latin;
	font-size: 15px;
	color: #E5FDD1;
	font-weight: normal;
}