body, html {
	padding: 0px;
	margin: 0px;
}

body {
	width: 100%;
	height: 100vh;
}

div#intro-blind {
	width: inherit;
	height: inherit;
	position: absolute;
	top: 0px;
	background-color: orange;
	z-index: 50;
}

div#intro-blind span#hide {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

div#main-frame {
	width: inherit;
	height: inherit;
	position: absolute;
	top: 0px;
	z-index: 10;
}

div#main-frame img#logo {
	width: 15em;
	height: 15em;
	position: absolute;
	top: 200px;
	left: 60px;
}

div#menu {
	font-family: 'Perpetua';
	font-size: 0.73em;
	width: 18em;
	height: 300px;
	background-image: url('../assets/imgs/bg-menu-black.png');
	background-color: #121;
	position: absolute;
	top: 480px;
	left: 60px;
	letter-spacing: 4px;
}

div#menu span {
	color: #ccc;
	display: block;
	padding: 10px 10px 10px 72px;
	box-shadow: 0px 0px 2px 0px #3a3a3a;
	border-bottom: 2px solid #0a0a0a;
}

div#menu span:hover {
	color: orange;
	cursor: pointer;
}

div#social-connect {
	width: 18em;
	position: fixed;
	bottom: 20px;
	left: 60px;
}

div#social-connect img {
	width: 2em;
	display: inline-block;
	margin: 0px 10px 0px 0px;
}

div#social-connect img:hover {
	cursor: pointer;
}