body{
	background-color: #252423;
	color: #fff;
	margin: 0;
	font-family: Arial;
	height: 100%;
	font-family: Arial;
}

.iframebody{
	display: flex;
	flex-flow: column;

}
html{
	height: 100%;
}
nav{
	border-bottom: 1px solid #0d0d0c;
	padding: 5px;
	padding-left: 15px;
	font-family: 'Play', sans-serif;
	overflow-x: hidden;
	white-space: nowrap;
}
nav ul{
	padding: 0;
	display: inline;
}
nav li{
	display: inline;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.content{
	overflow-x: hidden;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.iframe{
	width: 100%;
	border: none;
	flex-grow: 1;
	background-color: #fff;
}
h1{
	text-align: center;
	margin-top: 100px;
	color: #fb4e23;
	font-family: 'Play', sans-serif;
}
.sitename{
	padding-left: 5px;
	padding-right: 10px;
	color: #fb4e23;
}
li{
	color: #787877;
}
li.hidden{
	color: transparent;
}
li:hover{
	color: #fff;
	animation: linkhover 0.2s;
}
a{
	color: inherit;
	text-decoration: inherit;
	outline: none;
}
p a{
	color: #fb4e23;
	color: #fff;
	font-weight: bold;
}
p a:hover{
	color: #fb4e23;
	animation: plinkhover 0.5s;
}
p{
	color: #ddd;
}
p.indent{
	text-indent: 50px;
}
.typewriter{
	color: #fb4e23;
}
.transparent{
	opacity: 0;
}
.fade, .fadein{
	opacity: 0;
}
.fade-apply{
	animation: fade 0.5s;
	opacity: 1;
}
.fadein-apply {
	animation: fadein 0.5s;
	opacity: 1;
}
p.social-icons{
	text-align: center;
	text-indent: 0;
}
p.social-icons img{
	height: 40px;
	padding: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

p.social-icons img:hover{
	animation: glow 0.25s;
	filter: drop-shadow(0px 0px 10px #fb4e23);
}

@keyframes glow{
	from{filter: drop-shadow(0px 0px 0px #fb4e23);}
	to{filter: drop-shadow(0px 0px 10px #fb4e23);}
}

@keyframes fade{
	from{ opacity: 0; }
	to{ opacity: 1; }
}
@keyframes fadein{
	from{ opacity: 0; transform: translateY(10px); }
	to{ opacity: 1; transform: translateY(0px); }
}
@keyframes linkhover{
	from{ color: #787877; }
	to{ color #fff; }
}
@keyframes plinkhover{
	from{ color: #fff; }
	to{ color #fb4e23; }
}
