html, body {
	padding: 0;
	margin: 0;
	background: url(images/background6.jpg) no-repeat center center fixed;
	background-size: cover;
	font-family: 'Anonymous Pro', ;
	line-height: 1.5em;
	font-size: 1.5em;
	font-weight: 300;
	overflow-x:hidden;
}

#outer {
	z-index: 10;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#content {
	margin: auto;
	position: relative;
	color: #ffffff;
	text-shadow: 2px 2px 12px #000000;
	top: 15%;
	transform: translateY(-15%);
}

.icons {
    width: 100%;
}

.icon-background {
    color: #ffffff;
    opacity: 0.88;
}

.faH:hover {
	padding: 2px 0px;
}

.fa-twitter {
	color: #55acee;
}

.fa.fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

.fa-github {
	color: #000000;
}

.fa-file-pdf-o {
	color: #ff0000;
}

.fa-linkedin {
	color: #0077B5;
}

.link {
    position: relative;
}


.special {
	color: #99ddff;
}

#moreinfo, #landing {
	display: none;
}

.button {
	background: rgba(30, 30, 30,0.75);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:2px;
	border:1px solid #fff;
	display:inline-block;
	cursor:pointer;
	padding:12px 24px;
	text-decoration:none;
	-moz-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
.button:hover {
	background: rgba(20,20,20,0.88);
	padding:12px 25px;
}
.button:active {
	position:relative;
	top:2px;
}