body{
	background: linear-gradient(rgba(0, 0, 50, 0.5),rgba(0, 0, 50, 0.5)),url(images/image.jpg);/*adds a picture background to the website and also a darker gradient over the image*/
	background-size: cover;/*make the picture cover the whole page*/
	background-position: center;
	
}

.login-box{
	max-width: 700px; /*sets the width of the login boxes*/
	float: none;
	margin: 400px auto;
} /*this will align the login and register boxes in the middle*/

.login-left{
	background: rgba(211, 211, 211, 0.5);/*adds the background colour for the login box, going for a transparent look on login boxes*/
	padding: 30px;
}

.login-right{
	background:#fff;/*adds background colour to the registration box, reg box is white while login is transparent*/
	padding: 30px
}

.form-control{
	background-color: transparent !important;/*making the input field transparent and !important to overwrite the bootstrap class*/
}

a{
	color: #fff !important;/*makes the logout button white and overrides the bootstrap class*/
	margin-top: 200px !important;
}

h1{
	color: #fff !important;/*changes color to white and important overrides bootstrap class*/
	margin-top: 200px !important;
	text-align: center;/*aligns the welcome text in the center*/
	text-transform: capitalize;
}