/*
Theme Name: Dana Greiner
Author: Andrei Yagoubov
Version: 0.1
*/

body {
	position:absolute;
	margin: 0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:scroll;
}

canvas {
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
	width: 100%;
	height: 100%
}

h1 {
	position:absolute;
	right:10%;
	bottom:15%;
	font-size: 1rem;
	font-weight:800;
	color: #232323;
	letter-spacing:4px;
	font-family: "metronic-slab";
	overflow: hidden;
	cursor: pointer;
}

h2 {
	position:absolute;
	margin-left:2rem;
	margin-top:2rem;
	font-size: 0.9rem;
	font-weight:800;
	color: #121212;
	letter-spacing:4px;
	font-family: "metronic-slab";
	max-width:34px;
	overflow: hidden;
	cursor: pointer;
	z-index:50;
}

h2:hover, #menu.open {
	max-width: none;
}

h2 strong {
	text-decoration: line-through;
	font-size: 1.5rem;
	color: #545454;
}

h3 {
	position:absolute;
	padding-left:4.4rem;
	font-size: 0.7rem;
	font-weight:200;
	color: #545454;
	letter-spacing:4px;
	font-family: "metronic-slab";
	overflow: hidden;
	cursor: pointer;
	display:none;
	z-index:50;
}

#menu.open ~ h3 {
	display:block;
}

#text {
	font-family: "metronic-slab";
	color:#232323;
	font-size:2rem;
	position:absolute;
	left:40%;
	top:40%;
	transform:translateZ(-5);
}

#scrollHelper {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:1;
	overflow:scroll;
}

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

#fullscreen {
	display:none;
	background-color:white;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
}

#fullscreenImage {
	position:absolute;
	max-width:80%;
	max-height:80%;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

#buttonEnter {
	position:absolute;
	margin:auto;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:block;
	width:100px;
	height:100px;
}

#bio {
	font-size:100px;
	font-family:"metronic-slab";
	color: #232323;
	line-height:160px;
}