.textinput {
	font-size:1vw;
	height: 10%;
	width: 90%;
	padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: both;
  margin: 2%;
}

#loginbtn {
	background: #472020;
	font-size:0.8vw;
	padding: 5px 8px;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	border-color: #472020;
	color: white;
	margin: 2%;
	margin-left: 14%;
	width: 70%;
	height: 15%
}

#missingpasswd-btn {
	margin: 2%;
	margin-left: 14%;
	text-decoration: none;
	font-size:0.8vw;
	color: white;
}

#register-button2 {
	background: #472020;
	font-size:1vw;
	padding: 5px 8px;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	border-color: #472020;
	color: white;
	margin-top: 8%;
	margin-left: 35%;
	width: 30%;
	display:inline-block;
	text-decoration: none;
	height: auto;
}


#register-button2:hover {
  background: #361111;
}

#loginbtn:hover {
  background: #361111;
}


#missingpasswd-btn:hover {
	text-decoration: underline;
	color: blue;
}

#userinfo_header {
	width: 3%; 
	height: auto;
	margin-top: 1%;
	margin-right: 2%;
	float: right;
	
	font-size:0.7vw;
}

#middle-box {
position: absolute;
    top: 30%;
    left: 35%;

   width: 30%;
   height: 40%;

	
}