/**
 * css file for index.php.
 * It has a container which contains the login area and makes it move to the
 * middle of the page. Also changes the style of the submit button and input zone
 *
 * @package    C.L.U.K.
 * @subpackage index
 * @license
 * @author     SIMA YI <y.sima2@newcastle.ac.uk>
 * @author     ZHIYAO JIN <z.jin6@newcastle.ac.uk>
 */

body{
	background-color:#E2B7B7;
}
.logo{
	text-align: center;
}
.container{
	background-color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
	max-width: 1080px;
	border: double 3px;
}

button{
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  background: #D71518;
  margin:30px;
  width: 20%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 15px;
  cursor: pointer;
}

button:hover {
	
	background-color: #ff0000;
	transition:  0.5s;
}

.login-input {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  background: #f2f2f2;
  width: 50%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.btnSubmit {
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  background: #D71518;
	margin:30px;
  width: 50%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 15px;
  cursor: pointer;
}

.btnSubmit:hover {
	
	background-color: #ff0000;
	transition:  0.5s;
}