body{ margin: 0px; text-align: center; }

/* PAGE TOP */
#pagetop{
	position: fixed;
	top: 0px;
	width:100%;
	height: 170px;
	background: #06C;
	color: #FFF;
	font-size: 23px;
	padding-top: 50px;
	transition: height 0.3s linear 0s, padding 0.3s linear 0s;
	overflow:hidden;
}
#pagetop > #menu{
	position: absolute;
	bottom: 0px;
	width:100%;
	background: #004A95;
	height: 50px;
	transition: height 0.3s linear 0s;
}
/* PAGE MIDDLE */
h33 {
	color: black; /* verander de kleur naar blauw */
   }
#pageMiddle{
	width: 900px;
	margin: 0px auto;
	margin-top: 130px;
	height: 95%;
}

/* PAGE BOTTOM */
#pageBottom{
	background: #666;
	padding: 24px;
	margin-bottom:auto;
	font-size: 12px;
	color: #CCC;
	text-align: center;
}
@keyframes discord {
	0% {height:70px; width:250px;}
	 100% {height:500px;width:350px;}
}
@keyframes discord-c {
	0% {height:500px;width:350px;}
    100% {height:70px; width:250px;}
}
.discord {
	animation-name: discord-c;
	animation-duration: 2s;
	animation-play-state: pause;
	float:left;
    height:70px;
	width:250px;
   
	
}

.discord:hover {
	height:500px;
	width:350px;
	float:left;
	animation-name: discord;
	animation-duration: 2s;
	animation-play-state: pause;
}