html {
	height: 100%;
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center, circle closest-side, #FFB76B 0%, #FF7C00 200%);

	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, circle closest-side, #FFB76B 0%, #FF7C00 200%);

	/* Opera */ 
	background-image: -o-radial-gradient(center, circle closest-side, #FFB76B 0%, #FF7C00 200%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 140, color-stop(0, #FFB76B), color-stop(2, #FF7C00));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, circle closest-side, #FFB76B 0%, #FF7C00 200%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(circle closest-side at center, #FFB76B 0%, #FF7C00 200%);
}
@media (max-width: 1000px) {
.center{}
.center-inner{left:25%;top:25%;position:absolute;width:50%;height:300px;text-align:center;max-width:500px;max-height:500px;}
}
@media (min-width: 1000px) {
.center{left:50%;top:25%;position:absolute;}
.center-inner{width:500px;height:100%;margin-left:-250px;height:300px;text-align:center;max-width:500px;max-height:500px;}
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 250%;
	margin: 0 auto;
}
hr {
    border-style: solid;
    border-width: 5px 0 0 0;
	border-color: #993366;
	width: 75%;

	margin-top: 15px;
	margin-bottom: 15px;
}
.button {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 150%;
	text-decoration: none;
	color: black;
}
div > a {
  padding: 5px;
  text-decoration: none;
}
.content{
  display: inline-block;
  padding: 5px;
}
.content > a {
  background-color: skyblue;
  border-radius: 5px;
  white-space: nowrap;
}
.center-items {
  display: flex;
  align-items: center;
  justify-content: center;
}