* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

::-moz-selection {
	background-color: #ff0;
	color: #00f;
}

::selection {
	background-color: #ff0;
	color: #00f;
}

html,body {
	width: 100%;
	cursor: url('../img/arrow-blue-53px-135deg.png'),pointer;
}

div#arrows-background {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
}

	div#arrows-background figure {
		display: block;
		height: 11.111111111111111vh;
		z-index: 101;
	}

		div#arrows-background figure:first-child {
			margin-top: 2vh;
		}

	div#arrows-background figure svg {
		display: inline-block;
		width: 3.6vw;
		margin-left: 2.18vw;
		fill: none;
		stroke-width: 10;
		stroke-linecap: round;
		stroke-miterlimit: 10;
			transition: transform 0.1s;
	}

			/*div#arrows-background svg:hover {
				transform: scale(1.1);
			}

			div#arrows-background svg:active {
				transform: scale(1.5);
			}*/

		div#arrows-background figure.no-rotate svg {
			transform: rotate(0deg);
		}

			/*div#arrows-background figure.no-rotate svg:hover {
				transform: rotate(0deg)scale(1.1);
			}

			div#arrows-background figure.no-rotate svg:active{
				transform: rotate(0deg)scale(1.5);
			}*/



	.stroke-black {
		stroke: #000;
	}

		.stroke-black:hover {
			stroke: #00f;
		}

	.stroke-red {
		stroke: #f00;
	}

	.stroke-green {
		stroke: #0f0;
	}

		.stroke-green:hover {
			stroke: #000;
		}

	.stroke-blue {
		stroke: #00f;
	}

		.stroke-blue:hover {
			stroke: #000;
		}

	#future-letter-one,#future-letter-two,#future-letter-three,#future-letter-four,#future-letter-five,#future-letter-six,#of-letter-one,#of-letter-two,#construction-letter-one,#construction-letter-two,#construction-letter-three,#construction-letter-four,#construction-letter-five,#construction-letter-six,#construction-letter-seven,#construction-letter-eight,#construction-letter-nine,#construction-letter-ten,#construction-letter-eleven,#construction-letter-twelve {
		transform: rotate(0deg);
	}

	.opacity-zero {
		opacity: 0;
		animation: fade-in 2s 1;
	}

	.opacity-one {
		opacity: 1.0;
	}

/*
____________________
______ HEADER ______
____________________
*/

header {
	height: 100vh;
}

h1 {
	position: fixed;
		top: -100vh;
		left: -100vw;
}

	h2,h3 {
		padding: 0.5em 1em;
		text-align: right;
		font-size: 21pt;
		font-weight: normal;
		position: absolute;
		z-index: 2;	
			width: 39.4vw;
			right: 7.6vw;
	}

		h2 {
			bottom: 24vh;
		}

		h3 {
			bottom: 12.5vh;
		}

			h3 a:link {background-color: #00f;color: #fff;}
			h3 a:visited {background-color: #00f;color: #fff;}
			h3 a:hover {background-color: #00f;color: #fff;}
			h3 a:active {background-color: #00f;color: #fff;}

		.background-color-blue {
			background-color: #00f;
		}

		.background-color-green {
			background-color: #0f0;
		}

		.color-white {
			color: #fff;
		}

/*
__________________
______ BODY ______
__________________
*/

	section {
		margin: 1em;
		padding: 1em;
		width: 80vw;
		column-count: 2;
		background-color: #fff;
		font-size: 24pt;
		z-index: 100;
		position: relative;
	}

/*		section p:first-child {
			font-size: 30pt;
		}*/

		section p {
			margin: 0 0 1em 0;
		}

			.color-blue {
				color: #00f;
			}

mark {
	display: inline-block;
	padding: 0.2em;
}

/*
____________________
______ FOOTER ______
____________________
*/

footer {
	position: relative;
}

	footer div {
		border-bottom: 2pt solid white;
		float: left;
		height: 5vw;
		padding: 2vw 0;
	}

	footer div:nth-child(1) {
		width: 14.28%;
	}

	footer div:nth-child(2) {
		width: 16.28%;
	}

	footer div:nth-child(3) {
		width: 14.28%;
	}

	footer div:nth-child(4) {
		width: 12.28%;
	}

	footer div:nth-child(5) {
		width: 15.28%;
	}

	footer div:nth-child(6) {
		width: 13.28%;
	}

	footer div:nth-child(7) {
		width: 14.28%;
	}


		.logo-frame {
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		#tum-logo {
			background-image: url('../img/TUM_Logo_weiss_rgb_p.png');
			background-size: 25%;
			background-position: 40% center;
		}

		#venture-labs-logo {
			background-image: url('../img/VentureLab_Logo_weiss.png');
			background-size: 60%;
			background-position: 25% center;
		}

		#ias-logo {
			background-image: url('../img/IAS_Logo_weiss_rgb_p.png');
			background-size: 80%;
			background-position: 75% center;
		}

		#eth-logo {
			background-image: url('../img/ETH_Logo_weiss_rgb_p.png');
			background-size: 50%;
			background-position: right center;
		}

		#usi-logo {
			background-image: url('../img/USI_Logo_weiss_rgb_p.png');
			background-size: 20%;
			background-position: 70% center;
		}

		#tubs-logo {
			background-image: url('../img/TUBS_weiss.png');
			background-size: 40%;
			background-position: 65% center;
		}

		#epfl-logo {
			background-image: url('../img/epfl.png');
			background-size: 40%;
		}

		footer div a img {
			width: 100%;
			height: 100%;
		}

			footer div a img {
				width: 100%;
				opacity: 0;
			}

		h6 {
			font-size: 0.8em;
			font-weight: normal;
			text-align: right;
			padding: 12vw 5vw 2vw 0;
		}

			h6:last-child {
				padding: 2.5vw 5vw 2.5vw 0;
				border-top: 0.2vw solid #fff;
				margin-bottom: 0.5vw;
			}

			h6 a:link {		color: #fff}
			h6 a:visited {	color: #fff}
			h6 a:hover {	color: #ff0;}
			h6 a:active {	color: #00f;background-color: yellow;}