/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:500,400,700italic);
/* */

html {
	background: #F29243;
	font-family: 'Roboto';
}
 h2, h3{
	text-align: center;
	margin: 35px;
	font-weight:500;
}

h4 {
	border-top:2px solid black;
	border-bottom: 2px solid black;
}

ul li {
	font-weight: 400;
}

h1 {
	text-align: center;
}

#links {
	text-decoration: none;
	color:black;
}

p a {
	text-decoration: none;
	color: black;
}

/* buttons effect*/
.button {
  border: 0;
  background: linear-gradient(#768191, #535b65);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 5px 0 #404853;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  float:right;
  position:absolute;
  margin:auto;
  padding: 12px 20px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  transition: all .1s linear;
  text-decoration: none;
  text-align: center;
}
.button:hover {
  color: #d4d7da;
}
.button:active {
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.15), 0 2px 0 #404853;
  transform: translateY(3px);
}