@charset "utf-8";
/* CSS Document */

body {
	margin:  0;
	padding: 0;
	font-size: 10px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background-image: url("images/background.png");
	background-size: 100%;
	background-position: center;
	
}

/*Sign-up Form*/

.sign-up-form{
	width: 250px;
	background:#ffffff;
	padding: 30px;
	margin: 70px auto;
	text-align: center;
		
}

.sign-up-form h2 {
	color: #E70B0F;
	margin-bottom: 30px;
	
}

.input-box{
	border-radius: 20px;
	padding: 10px 0;
	margin:10px 0;
	width: 100%;
	border: 1px solid #4868FF;
	outline:none;
	text-align: center;
}

/*placeholder*/
Button{
	color: #fff;
	width: 100%;
	padding: 10px;
	border-radius: 20px;
	font-size: 15px;
	margin: 10px 0;
	border: none;
	outline: none;
	cursor: pointer;
	
	
}

/*buttons*/

.signup-button {
	background-color: #BE1E2D;
	
}

.login-button {
	background-color:cornflowerblue;
}

/*Links*/
a{
	text-decoration: none;
	color: blue;

}

hr{
	
	margin-top: 20px;
	width: 80%;
}

.or{
	background: #fff;
	width: 30px;
	margin: -12px auto 10px;
}

img{
	width: 150px;
	margin-top: -80px;
	
}