main.css

body, html{
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Sniglet', cursive;
}


#form{
	height: 100%;	
	background-color:#98d4f3;
	overflow: hidden;
	position: relative;
	
}


form{

	margin: 0 auto;
	width: 500px;
	padding-top: 40px;
	color:blue;
	position: relative;
	
}

.design1{
font:bold 46px Tahoma, Geneva, sans-serif;
font-style:normal;
color:#ffffff;
background:#8257e6;
border:0px solid #ffffff;
text-shadow:0px -1px 1px #222222;
box-shadow:8px 2px 5px #000000;
-moz-box-shadow:8px 2px 5px #000000;
-webkit-box-shadow:8px 2px 5px #000000;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
width:700px;
padding:20px 43px;
cursor:pointer;
margin:0 auto;
}




label, input, textarea{
	display: block;	
}
input, textarea{
	width: 500px;	
	border: none;
	border-radius: 20px;
	outline: none;
	padding: 10px;
	font-family: 'Sniglet', cursive;
	font-size: 1em;
	color: #676767;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	border: solid 3px #98d4f3;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
}
input:focus, textarea:focus{
	border: solid 3px #77bde0;	
}

textarea{
	height: 100px;	
	resize: none; 
	overflow: auto;
}
input[type="submit"]{
	background-color: #F90;
	color: white;
	height: 50px;
	cursor: pointer;
	margin-top: 30px;
	font-size: 1.29em;
	font-family: 'Sniglet', cursive;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
input[type="submit"]:hover{
	background-color: #e58f0e;
	
}
label{
	font-size: 1.5em;
	margin-top: 20px;
	padding-left: 20px;
}


.formgroup{
	background-image: url('back.gif');	
}