*{ 
 	margin: 0; 
 	padding: 0; 
 	outline: 0; 
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 } 
 

 @import url('https://fonts.googleapis.com/css?family=Open+Sans'); 
 
 
 html{ 
 	font-family: 'Open Sans', sans-serif; 
 	font-size: 16px; 
 } 
 
 
 body{ 
 
 } 
 
 
 input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea { 
     width: 40; 
     height: 25px; 
     margin: 0 0 15px; 
     padding: 0px 1%; 
     font-size: 18px; 
 	 
 	-webkit-border-radius: 3px; 
 	-moz-border-radius: 3px; 
 	border-radius: 3px; 
 } 
 
 input[type="submit"], input[type="button"], input[type="reset"] { 
     display: inline-block; 
     background: #2394D5; 
     padding: 5px 15px; 
     color: #fff; 
     border: 0 none; 
     font-size: 16px; 
     cursor: pointer; 
     -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
     border-radius: 5px; 
 } 
 
 input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { 
 	opacity: .8; 
 } 
 
 
 .main input[type="text"], .main input[type="password"] { 
 
 	text-align: center; 
 	border:10; 
 } 
 .main input[type="submit"] { 
     width: 140; 
     margin: 5 auto; 
     padding: 0px 0; 
 } 
 

 .main{ 
     width: 200; 
     background-color: rgba(255,255,255,.4); 
     text-align: right; 
 	border-radius: 5px; 
 	margin: 0 0 200 100; 
 	padding: 3; 
     position: absolute; 
 } 
 

 .error{ 
     background-color: 	#3333ff;
     position: relative; 
     top: 0; 
     padding: 10px 0 ; 
     border-radius:  0 0 30px 5px; 
     color: #fff; 
     width: 350; 
     text-align: center; 
     display: none; 
     	opacity: .7; 
 } 
 
 .success{ 
     background-color: 	#228B22;
     position: relative; 
     top: 0; 
     padding: 10px 0 ; 
     border-radius:  0 0 30px 5px; 
     color: #fff; 
     width: 350; 
     text-align: center; 
     display: none; 
     	opacity: .7; 
 }