/* RESET EN BASIS */

body,p,h1,h2,.up{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Bentham', serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	}


/* TYPO */

h1,h2,p,#credits {
   font-family: inherit;
   font-size: inherit;
}

p {
	font-size: 1em;
	color:#666;
	padding: 2% 10% 2% 10%;
	}


h1 {
	font-size: 9em;
	font-weight: normal;
	line-height: 0.6em;
	}

h2 {
	font-size: 6em;
	font-weight: normal;
	line-height: 0.8em;
	}

a {
	text-decoration: none;
	color: #91b5d1;
	}

a:hover {
	text-decoration: none;
	color: #333;
	}

.grijs a {
	color: #fff;
	}

.grijs a:hover {
	color: #91b5d1;
	}

#credits {
	padding:4%;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 0.5em;
	}



/* KLEUR */

.grijs {
	background-color: #333;
	color: #fff;
	padding: 10%;
	height: 100vh;
	}

.lichtgrijs {
	background-color: #999;
	color: #fff;
	padding: 10%;
	height: 100vh;
	}

.blauw {
	color: #91b5d1;
	height: 100vh;
	}

.wit {
	background-color: #fff;
	color: #999;
	padding: 10%;
	height: 100vh;
	}

	

/* BEELD */

.crop {
	overflow-x: hidden;
	overflow-y: hidden;
	height: 800px;
	background-size: cover;
	width: 100%;
	height: 100vh;
	}

#bajo {
	height: 1350px;
}


#slot	{
/* 	height: 350px; */
	background-color: #91b5d1;
	animation: hoofd 3s linear 1s infinite alternate;
	}


/* The animation code */
@keyframes hoofd {
    from {background-color: #91b5d1;}
    to {background-color: #fff;}
}







/* NAVIGATIE */

#menu a {
	text-decoration: none;
	color: #91b5d1;
	}

#menu a:hover {
	color: #999;
	}

#menu a:active {
	color: #91b5d1;
	}

#menu a:visited {
	color: #666;
	}

.up {
	text-decoration: none;
	color: #91b5d1;
	font-size: 0.75em;
	top: 90%;
	left: 5%;
	position: fixed;
	z-index: 10;
	}
	
/* ANIMATIE */

/* tenners */
/*
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.005); }
    100% { -webkit-transform: scale(1); }
}

@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.005); }
    100% { -o-transform: scale(1); }
}

@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.005); }
    100% { -moz-transform: scale(1); }
}

@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.005); }
    100% { transform: scale(1); }
}

#bajo img {
	-webkit-animation: pulse 0.3s infinite;
	-o-animation: pulse 0.3s infinite;
	-moz-animation: pulse 0.3s infinite;
	animation: pulse 0.3s infinite;
}
*/

/* b10 */

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(0.01);}	
	50% {-webkit-transform: scale(1) rotate(-170deg);}
	90% {-webkit-transform: scale(0.5) rotate(0);}
	100% {-webkit-transform: scale(0.01) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(0.01);}	
	50% {-moz-transform: scale(1) rotate(-170deg);}
	90% {-moz-transform: scale(0.5) rotate(0);}
	100% {-moz-transform: scale(0.01) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(0.01);}	
	50% {-o-transform: scale(1) rotate(-170deg);}
	90% {-o-transform: scale(0.5) rotate(0);}
	100% {-o-transform: scale(0.01) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(0.01);}	
	50% {transform: scale(1) rotate(-170deg);}
	90% {transform: scale(0.5) rotate(0);}
	100% {transform: scale(0.01) rotate(0);}
}

#b10 img {
	-webkit-animation: tada 20s both infinite;
	-moz-animation: tada 20s both infinite;
	-o-animation: tada 20s both infinite;
	animation: tada 20s both infinite;
}

/* turdurdur */

@-webkit-keyframes glow {
	0% {color: #fff;}
	100% {color: #999;}
	}

#turdurdur span.glowa {
	color: red;
	-webkit-animation-name: glow;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	}
	
#turdurdur span.glowb {
	color: red;
	-webkit-animation-name: glow;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	}