@font-face {
	font-family: Chopin;
	src: url("ChopinScript.otf");
}

@font-face {
	font-family: Helvetica;
	src: url("Helvetica S Bold.ttf");
}

body, html {
	background-image: url('pictures/unitybg.png');
	background-size: cover;
	overflow: scroll;
}

* {
	font-family: Helvetica; 
	color: #fdebae;
	font-size: 1vw;
}

#container {
	width: 100vw;

	background-image: url('pictures/unitybg.png');
	background-size:100%;
}

#worldmap {
	position: absolute;
	width: 90vw;
	left: 5vw;
	top: 20vw;
}

#unitytxt {
	position: absolute;
	top: 3vw;
	width: 30vw;
	left: 35vw;

	animation: unityanimation;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

@keyframes unityanimation {
	from {top: 0vw; filter: brightness(1);}
	to {top: 1vw; filter: brightness(1.5);}
}

#intro {
	top: 15vw;
	width: 40vw;
	left: 30vw;
	position: absolute;
    padding: 0vw;
    text-align: center;
    font-size: 1vw;
}

footer {
	position: fixed;
	bottom: 1vw;
	left: 0;
	width: 100%;
}

#about-header {
	position: absolute;
	top: 5vw;
	left: 3vw;
	width: 25vw;
}

#about {
	position: absolute;
	top: 8.5vw;
	left: 5vw;
	width: 20vw;
	height: 20vw;
	padding: 0vw;
}

#joost-header {
	position: absolute;
	top: 20vw;
	left: 3vw;
	width: 25vw;
}

#joost {
	position: absolute;
	top: 25vw;
	left: 5vw;
	width: 20vw;
	height: 20vw;
	padding: 0vw;
}

#explore-header {
	position: absolute;
	top: 5vw;
	right: 8vw;
	width: 11vw;
}

#explore {
	position: absolute;
	top: 12vw;
	right: 9vw;
	width: 11vw;
}

#links {
	text-align: center;
}

::-webkit-scrollbar {
	display: none;
}