/* ----- Login Page ----- */

#loginForm {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 450px;
	height: 250px;
	margin: 0 auto;
	text-align: center;
	background-color: rgb(254,192,137);
	border-radius: 10px;
	border-top: 35px solid rgb(255,132,0);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.6);
}

/* Title within logging form */
#loginForm h3 {
	margin-top: -27px;
	margin-bottom: 0;
}

/* text inputs of logging form */
#loginForm .loginBox {
	margin: 10px;
	padding: 10px 20px;
	width: 250px;
	height: 40px;
	border: 1px solid white;
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(25,25,25,0.5);
}

#loginForm .loginBox:focus {
	background-color: rgb(255,242,224);	
	border: 1px solid rgb(255,242,224);
}

/* Submit button within logging form */
#loginForm .loginButton {
	width: 200px;
	height: 50px;
	border: 0;
	background-color: rgb(255,137,0);
	border-radius: 10px;
	margin-top: 15px;
	cursor: pointer;
}