@font-face {
	font-family: 'ProFontWindows';
	src: url('font/ProFontWindows.eot?') format('eot'), 
	     url('font/ProFontWindows.woff') format('woff'), 
	     url('font/ProFontWindows.ttf')  format('truetype'),
	     url('font/ProFontWindows.svg#ProFontWindows') format('svg');
}
body, html
{
    margin: 0;
    padding: 0;
    background-color: #000000;
    color: #7cc78b;
    height: 100vh;

	font-family: 'ProFontWindows';
	color: #7cc78b;
}
html{
display:block;
height:100%
}
#screen
{
    height: 100vh; 
    width: 100vw;
    display: block;
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
}
#textScreen
{
    height: 100vh; 
    width: 100vw;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
#cursor
{
    height: 100vh; 
    width: 100vw;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
#buttons
{
	position: fixed;
	bottom: 5%;
	left: 30px;
	width: 90%;
	z-index:30;
}
a.button
{
	display: block;
	padding: 5px;
	font-size: 20px;
	font-family: ProFontWindows;
	color: #7cc78b;
	text-decoration: none;
	float: left;
	margin-right: 10px;
	padding-left:45px;
	text-indent:-40px;
}
a.button:hover, a.button.selected
{
	color: #000000;
	background-color: #7cc78b;
}
a.button.mobile{
	color: #000000;
	background-color: #7cc78b;
	padding:10px 5px;
	margin-bottom:10px;
	padding-left:45px;
}
#fixedEdge{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:20;
pointer-events:none;
}
#fixedEdge img{
	height: 100vh; 
    width: 100vw;
}
#soundMobile{
	z-index: 25;
	position: fixed;
	right: 20px;
	top: 21px;
}
#soundMobile #sndBtn img{
	width:18px;
	height:18px;
}
#infoBtn{
	z-index: 30;
	position: fixed;
	left: 25px;
	top:  20px;
}
#skipBtn{
	z-index: 30;
	display:none;
	position: fixed;
	right: 20px;
	bottom:  19px;
	font-size:22px;
}
#skipBtn img{
	width:20px;
	height:20px;
	
}
a:hover, a:visited, a:active , a{
	text-decoration:none;
	color:inherit;
}
.overlay{
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: #000;
	opacity: 0.9;
	z-index: 36;
}
#closeOverlay{
	position:fixed;
	z-index:39;
	display:none;
	right:3%;
	top:3%;
	font-family: 'ProFontWindows';
	color: #7cc78b;
	font-size: 22px;
}
#finalBox
{
	position: absolute;
	z-index:38;
	display: none;
	max-width: 30em;
	height: 10em;
	font-size: 1.7em;
	font-family: 'ProFontWindows';
	top: 2em;
	/* Fallback */
	left: 50%;
	/* Firefox */
	left: -moz-calc(50% - 15em);
	/* WebKit */
	left: -webkit-calc(50% - 15em);
	/* Opera */
	left: -o-calc(50% - 15em);
	/* Standard */
	left: calc(50% - 15m);
	text-transform: uppercase;
	color: #7cc78b;
	text-align: center;
}
#finalBox p
{
	font-size: 0.8em;
}
#finalBox a
{
	display: inline-block;
	padding: 0.25em;
	background-color: #7cc78b;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: auto;
}
.fallback{
display:none;
}
@media all and (max-width: 1360px)
{
	#finalBox
	{
		font-size: 1.5em;
	}
}
@media all and (max-width: 800px)
{
	#finalBox
	{
		position: absolute;
		top: 0;
		left: 0;
		padding: 2em;
	}
	#finalBox a{
	margin-bottom:0.3em;
	}
}
	text-decoration: none;