styleSignup.css

body{
	 background-color:#202a3f;
}
 .SignUp{
	 color:#fff;
	 width:450px;
	 height:600px;
	 top:50%;
	 left:50%;
	 position:absolute;
	 background:#2f3640;
	 transform:translate(-50%,-50%);
	 box-sizing:border-box;
	 padding:70px 30px;
	 
	
 }
 .SignUp input{
	width:100%;
	margin-top:4px;
}
.SignUp i{
	/* avatarul */
	color:#e84118;
	font-size:80px;
	border-radius:50%;
	position:absolute;
	top:5px;
	left:42%;
}
.SignUp p{
	margin:0;
	margin-top:40px;
	padding:0;
	font-weight:bold;
}
.SignUp input[type="email"], input[type="password"],input[type="text"]
{
	
	border:none;
	border-bottom:1px solid #e84118;
	background:transparent;
	outline:none;
	height:20px;
	color:#fff;
	font-size:16px;
}
.SignUp input[type="submit"] {
	border:none;
	outline:none;
	height:40px;
	background:#e84118;
	color:#fff;
	border-radius:50px;
	font-size:18px;
	transition:0.3s;
}
.SignUp input[type="submit"]:hover{
	height:50px;
	color:#fff;
	text-shadow:0 0 20px #fff;
}