#form{
    background-color:white;
    color:#123456;	
    box-shadow:none;
	border: solid 1px #191970;
    font-Weight:400;
    width:400px;	
    margin:auto;
    float:center;
    height:1000px;
}
#form div{
    padding:10px 0 0 10px;
}
h3{ 
    margin-top:0px;
    color:white;
    background-color:#3C599B;
    text-align:center;
    width:100%;
    height:auto;
    padding-top:20px;
}
#mainform{
    width:960px;
    margin:50px auto;
    padding-top:20px;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif", 'Fauna One', serif;
}

.form-control{

    width:90%;
    height:30px;
    margin-top:10px;
    border-radius:3px;
    padding:2px;
	padding-left:0.3cm;
    box-shadow:none;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	overflow: hidden;
}	
input{
    width:90%;
    height:30px;
    margin-top:10px;
    border-radius:3px;
    padding:2px;
	padding-left:0.3cm;
    box-shadow:none;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
}	

input[name="input2"]{
    width:auto;
    height:30px;
    margin-top:10px;
    border-radius:3px;
    padding:2px;
	padding-left:0.3cm;
    box-shadow:none;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
}	

input.style2{
    width:auto;
    height:30px;
    margin-top:10px;
    border-radius:3px;
    padding:2px;
	padding-left:0.3cm;
    box-shadow:none;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
}	

input[type=button]{
    background-color:#3C599B;
    border:1px solid white;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif", 'Fauna One', serif;
	cursor:pointer;
    font-size:18px;
    color:white;
}

input[type=button]:hover {background-color: #3e8e41}

input[type=button]:active {
  background-color: #3e8e41;
  transform: translateY(1px);
}