@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

* {

    /* With these codes padding and border does not increase it's width and gives intuitive style.*/

  

	-webkit-box-sizing: border-box;   

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

body {

	margin:0;

	padding:0;

	font-family: 'Roboto Slab', serif;  

}

div#envelope{

	width: 55%;

	margin: 10px 30% 10px 25%;

	padding:10px 0;

	border: 2px solid gray;

	border-radius:10px;

} 	

form{

	width:96%;

	margin:2% 2%;

}  

header{

	background-color: #4180C5;

	text-align: center;

	padding-top: 5px;

	padding-bottom: 8px;

	margin-top: -11px;

	margin-bottom: -8px;

	border-radius: 10px 10px 0 0;

	color: aliceblue;

} 



/* Makes responsive fields.Sets size and field alignment.*/

input[type=text], select{

	margin-bottom: 3px;

	margin-top: 3px;

	width:100%;

	padding: 7px;

	border-radius:5px;

	border:1px solid #292987;

}

input[type=submit]

{
	margin-top: 3px;

	margin-bottom: 3px;

	width:100%;

	padding: 7px;

	border-radius:5px;

	border:1px solid #292987;

	background-color: #e65549;

	color: aliceblue;

	font-size:15px;

	cursor:pointer;

}

#submit:hover

{

 background-color: black;

}

textarea{

	width:100%;

	padding: 13px;

	margin-top: 5px;

    border:1px solid #292987;

	border-radius:5px; 

	margin-bottom: 5px;

	resize:none;

  } 

input[type=text]:focus,textarea:focus {

	border-color: #4697e4;

}


table{
	width: 87%;
	border: 1px solid;
	padding: 25px;
}

td{
	color: #292987;
font-weight: 600;

}

th{
	font-size: 18px;
color: #e65549;
font-weight: 600;

}