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%);
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	margin: 0 auto;
}
hr {
    border-style: solid;
    border-width: 5px 0 0 0;
	border-color: #993366;
	width: 75%;

	margin-top: 15px;
	margin-bottom: 15px;
}
.nav {
	margin-bottom: 10px;
}
.button, li {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 150%;
	text-decoration: none;
	color: black;
}
ul {
	list-style-type: none;
}
.nav > a:hover {
	color:grey;
}
.outer {
	width: 100%;
	padding: 0;
	display: table;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.middle {
	padding: 0;
	vertical-align: middle;
	display: table-cell;
	margin: 0;
}

.inner {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
}
div > a {
  padding: 5px;
}

img:hover {
	opacity: 0.8;
}

body {
    opacity: 0;
    font-size: 21px;
    margin-top: 25px;

    -webkit-transition: opacity 1s ease-in;
       -moz-transition: opacity 1s ease-in;
        -ms-transition: opacity 1s ease-in;
         -o-transition: opacity 1s ease-in;
            transition: opacity 1s ease-in;
}

body.load {
  opacity: 1;
}
.project>a {
  text-decoration: none;
}