* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }	
html {

	background: rgba(255,255,255,1.0);	 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	margin:0;
	padding:0;
	line-height:1;
	font-family:Arial, "Roboto", Helvetica, sans-serif;
}
*:focus {
	outline: none;
}
body {
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	background: rgba(255, 255, 255, .0);
	line-height:1;
	font-family:Arial, "Roboto", Helvetica, sans-serif;
}
h1, h2, h3, h4, h5 {  text-align: center; line-height: 1.0; font-family: 'Roboto'; padding: 6px; top: 5px; margin: 0 0 0px;  }


p { text-align: justify; line-height: 1.0; font-family: 'Roboto'; padding: 6px; top: 5px; margin: 0% 2% 0% 2%;  }
a, a:visited { text-decoration: none; color: #333333;}
blockquote { 
	background:#000; 
	margin:0 0 5px;
	padding:5px 5px; 
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
/*local google fonts*/

#info {
    font-size: small;
    position: absolute;
	top: 0px; width: 100%;
	padding: 5px;
	text-align: center;
	z-index: 2;
}
.top {
	height: 0px;
	position:relative;
	margin-top: 0px;
}
.document{
	min-height: 1280px;

}

.content0 {
	text-align: left;
	font-family: 'Roboto';
        color: #000000;
	min-height: 100px;
	background-size: auto auto;
	background:rgba(0,0,0,.0);
	padding:0px;
	border-radius:1px;
	margin-top: 30%;
	margin-left: auto;
 	margin-right: auto;
	max-width: 40em;
	min-width: 6em;
	z-index: 1000;
}

.content1 {
	position: fixed;
	margin-top: -70%;	
	background: rgba(0,0,0,0.1);	 
	text-align: center;
	font-family: 'Lobster';
        color: #000000;
	width: 100%;
	margin-left: auto;
 	margin-right: auto;
	z-index: -1;
}


.content2 {
	text-align: center;
	font-family: 'Roboto';
        color: #000000;
	min-height: 100px;
	background-size: auto auto;
	background:rgba(0,0,0,1.0);
	padding:0px;
	border-radius:1px;
	margin-top: 0%;
	margin-left: auto;
 	margin-right: auto;
}

canvas { 
	position: fixed;
	background: url(../airplane_background.svg);
	background-repeat: no-repeat;
	display:block;
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
/*	background-position: left 10%;*/
        background-size: auto 50%;
}

.background{
	position: fixed;
	font-family: monospace;
        color: #ffffff;
	size: 100% 100%;
	border-radius:1px;
}
.main {
	position: relative;
	background: rgba(255,255,255,.2);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
        width: 100%;
	height: 100%;
}

.footer2 {
	text-align: center;
	padding: 5px;
	bottom: 0px;
	margin-top: 87%;
	position: fixed;
        background: rgba(0,0,0,0.6);
	width: 100%;
	height: 13%;
	color: #FFFFFF;
	transition: width 1.0s, height 1.0s;
	z-index: 9000;
}
.footer {
	text-align: center;
	padding: 5px;
	bottom: 0px;
	margin-top: 87%;
	position: fixed;
        background: rgba(255,255,255,0.6);
	width: 100%;
	height: 13%;
	color: #FFFFFF;
	transition: width 1.0s, height 1.0s;
	z-index: 9000;
	
}
.menu {
	position: fixed;
        background: rgba(255,255,255,0.7);
	width: 100%;
	height: 10%;
	min-height: 100px;
	margin-top: 0%;
	color: #aaaaaa;
	transition: width 1.0s, height 1.0s;
	z-index: 9000;
	
}
.logo {
	padding: 3%;
	color: transparent;
	display: inline-block;
	position: relative;
	height: 80%;
	background: url(../naske_logo.svg);
	background-repeat: no-repeat;
        background-size: auto 80%;
	min-width: 80%;
	margin-bottom: 2%;
	margin-left: 10%;
	margin-right: auto;
	transition: width 1.0s, height 1.0s;
	z-index: 9001;
}

.lang_en {
	display: inline-block;
	color: #aaaaaa;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: auto;
        background: rgba(255,255,255,0.6);
}
.lang_de {
	display: inline-block;
	color: #aaaaaa;
	margin-top: 2%;
	margin-left: 15%;
	margin-right: auto;
        background: rgba(255,255,255,0.6);
}

.github {
	display: inline-block;
	color: transparent;
	vertical-align: top;
	/*float: right;*/
	position: relative;
	height: 99%;
	background: url(../github.svg);
	background-repeat: no-repeat;
	background-size: auto 33%;
	width: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: width 1.0s, height 1.0s;
}

.twitter {
	display: inline-block;
	color: transparent;
	/*float: right;*/
	vertical-align: top;
	position: relative;
	height: 99%;
	background: url(../twitter.svg);
	background-repeat: no-repeat;
	background-size: auto 33%;
	width: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: width 1.0s, height 1.0s;
}


.text {
	font-family: monospace;
	background: rgba(0,0,0,0);
	z-index: -2;
}
.textbox {
	font-family: 'Roboto';
	background: rgba(0,0,0,0);
	z-index: 9009;
	left: -50%;
	width: 80%;
	max-width: 1024px;
	float: right;
}