@import url(http://fonts.googleapis.com/css?family=Varela+Round);
html, body{
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ffffff ;
	color: #000000;
	font-size: 100%;
	font-family: "Varela Round", sans-serif;
}
#page{
	top: 7px;
	float: absolute;
	width: 780px;
	margin: 1em auto;
	text-align: justify;
}
file{font-family:  courier, sans-serif;}
h2{font-size: 1.4em;}
a  {
	text-decoration: none;
	color: rgb(49, 49, 156);
}
a:hover {
	text-decoration: underline;
}
#title{
	font-size: 1.7em;
	text-align: center;
}
#footer{
	font-size: 80%;
	text-align: center;
}


input[type=button] {
background-color:#6391DE; color: black;
  padding: 10px 10px;
  font-size: 25px;
  text-align: center;
  cursor: pointer;
  outline: none;
/* 
  color: #fff;
  background-color: #4CAF50;
 */
  border: none;
  border-radius: 8px;
  box-shadow: 2px 5px #220000;
}

input[type=button]:hover { background-color: #ff3333;
 color:white;
}

input[type=button]:active {
  background-color: #ff0000;
  box-shadow: 2px 5px #000000;
  transform: translateY(4px);
  color:#ffff00;
}


select {
    font-size: .9rem;
    padding: 2px 5px;
}




/* 
input[type=button] {
background-color: #d1d2f9; color: black;
  padding: 10px 10px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 8px;
  box-shadow: 0 5px #7787CB;
}

input[type=button]:hover { background-color: #a3bcf9;
 color:white;
}

input[type=button]:active {
  background-color: #a3bcf9;
  box-shadow: 0 5px #576490;
  transform: translateY(4px);
}
 */