html {
	height: 100%;
}

body {

	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;

	font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
	font-weight:600;
	font-stretch:condensed;

	/*font-size: 2.5em;*/
	font-size: 6vh;

	/*line-height: 1.2em;*/

	/*letter-spacing: .025em;*/

}

div#root {
	background-color: black;
	height: 100%;
}

div.container {
	min-height: 100%;
}



/* Colors */

a,
a:hover,
a:focus,
a:active,
a:visited {
	color: white;
}

a.disabled {
	color: black;
}

a:hover {
	color: black;
}



div.container.home {
	background-color: rgb(255,33,54); /* red */
}



div.container.contact {
	background-color: rgb(69,72,77); /* gray */
}

div.container.contact .menu1 a {
	color: rgb(130,136,145); /* gray light */
}



div.container.experiments {
	background-color: rgb(0,230,0); /* green */
}

div.container.experiments .menu2 a:not(.disabled) {
	color: rgb(104,230,104); /* green light */
}

div.container.experiments .menu1 a {
	color: rgb(185,230,185); /* green lighter */
}



div.container.workinprogress {
	background-color: rgb(255,0,186); /* pink */
}

div.container.workinprogress .menu2 a:not(.disabled) {
	color: rgb(255,74,206); /* pink light */
}

div.container.workinprogress .menu1 a {
	color: rgb(255,154s,228); /* pink lighter */
}



div.container.finishedprojects {
	background-color: rgb(0,180,233); /* blue */
}

div.container.finishedprojects .menu2 a:not(.disabled) {
	color: rgb(55,190,232); /* blue light */
}

div.container.finishedprojects .menu1 a {
	color: rgb(135,213,237); /* blue lighter */
}



div.container.contact .menu1 a:hover {
	color: black;
	/*color: white;*/
}

div.container.experiments .menu2 a:not(.disabled):hover,
div.container.experiments .menu1 a:hover,
div.container.workinprogress .menu2 a:not(.disabled):hover,
div.container.workinprogress .menu1 a:hover,
div.container.finishedprojects .menu2 a:not(.disabled):hover,
div.container.finishedprojects .menu1 a:hover {
	color: black;
	/*color: white;*/
}



/* Links layout */

a,
a:hover,
a:focus,
a:active,
a:visited {
	display: block;
	text-decoration: none;
	line-height: 0.75em;
	margin-bottom: 0.65em;
}



/*

Animation of links experiment

a,
a:focus,
a:active,
a:visited {
	font-size: 1em;
	line-height: 1.2em;
	transition: font-size .4s;
}

a:hover {
	font-size: 1.1em;
	line-height: 1.1em;
	transition: font-size .15s;
}

a.disabled:hover {
	font-size: 1em;
}
*/


/* */

div.menu {
	padding: 0 1em;
}

div.content {
	margin: 0 1em;
}

div.content div {
	font-size: 0.6em;
}

div.content a {
	display: inline;
}

div.content div.links a {
	display: block;
}


/* Layout */

div.menu1 {
	padding-top: 1em;
}

div.menu2 {
	text-align: right;
}

div.container.level1 div.menu2 {
/*	position: absolute;
	bottom: 0px;
	right: 0px;*/
	margin-top: 3.6em;
}

div.menu2 div.menublock:nth-child(2) {
	margin-top: 1.2em;
}

div.container.level2 div.menu2 {
	margin-top: 1.2em;
}

div.container.level3 div.menu2 {
	margin-top: 0.6em;
}

/*div.level1 div.menu2 div.menublock {
}*/

div.container.level2 div.menu3 {
	margin-top: 1.2em;
}

div.container.level3 div.menu3 {
	margin-top: 0.6em;
}

div.content {
	margin-top: 1.2em;
	padding-bottom: 1.2em;
}

div.gallery {
	margin-top: 1.2em;
}

div.links {
	margin-top: 1.2em;
}



/* Animations */

div.container.level1 div.menu2,
div.container.level1 div.menu2 div.menublock {
	transition: margin-top .2s;
}

div.container.level2 div.menu2,
div.container.level2 div.menu2 div.menublock {
	transition: margin-top .2s;
}

div.container.level3 div.menu2,
div.container.level3 div.menu2 div.menublock {
	transition: margin-top .2s;
}

div.container.level2 div.menu3,
div.container.level2 div.menu3 div.menublock {
	transition: margin-top .2s;
}

div.container.level3 div.menu3,
div.container.level3 div.menu3 div.menublock {
	transition: margin-top .2s;
}


/* Videos */

.video {
	margin-top: 1.2em;
	/*margin-bottom: 1.2em;*/
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.video .player {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0px none;
}