body{
	color: orange;
	text-align: center;
	margin: auto;
	line-height: 0.7;
}
h1{
	font-size: 50pt;
	text-align: center;
}
h3{
	font-size: 30pt;
	text-align: center;
	color: lightblue;
	text-decoration: underline;
}
a{
	text-decoration: none;
	border: 0px;
	border-style: none;
	color: orange;
}
a:hover{
	color: lightblue;
}
.grid{
	grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 250px 1fr;
	display: grid;
}
.logo{
	grid-column: 1/2;
	grid-row: 1/2;
}
.logo1{
	size: 150pt;
}
.formules{
	grid-column: 2/3;
	grid-row: 1/2;
}
.veelgesteldevragen{
	grid-column: 3/4;
	grid-row: 1/2;
}
.overons{
	grid-column: 4/5;
	grid-row: 1/2;
}
.contact{
	grid-column: 5/6;
	grid-row: 1/2;
}
.welkom{
	grid-column: 1/6;
	line-height: 1.5;
	font-size: 30pt;
	grid-row: 2/3;
}
#doneer{
	color: red;
	text-decoration: underline;
}
@keyframes rotation{
	from{rotate: 0deg}
	to{rotate: 360deg}
}
.maan{
	animation: rotation 300s linear infinite;
}
.aarde{
	animation: rotation 240s linear infinite;
}
.mars{
	animation: rotation 245s linear infinite;
}
.neptunus{
	animation: rotation 160s linear infinite;
}