@charset "utf-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- DESIGNED AND BUILT BY IAN BESLER =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

* {
	margin: 0;
	padding: 0;
}

html,body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 1em;
}

h1,h2,h6 {
	font-weight: normal;
	font-family: sans-serif;
}

nav {
	position: absolute;
	width: 25%;
	height: 100vh;
	z-index: 999;
}

nav ul {
	list-style-type: none;
	position: absolute;
		top: 0;
		left: -12em;
	background-color: #fff;
	font-size: 3vh;
	padding: 1vh 3vh 2vh 3vh;
	text-align: right;
	height: 100vh;
	transition: left 0.5s;
	z-index: 1000;
}

.slide-drawer {
	left: 0;
}

.current {
	background-color: #ff0;
}

.smaller {
	font-size: 0.8em;
}

.bigger {
	font-size: 1.2em;
}

a:link		{color:#00f}
a:visited	{color:#f0f}
a:hover		{color:#000;background-color:#ff0}
a:active	{color:#f00}

div {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 45vw;
	position: absolute;
		left: 36vw;
		top: 0;
	opacity: 1;
}

footer {
	position: fixed;
	bottom: 0;
	text-align: center;
	width: 100%;
}

h6 {
	padding-bottom: 1em;
}