#a {
	rotate:10deg;
	position: absolute;
	margin-top:0;
	margin-left:100px;
}

#b {
	rotate:-7deg;
	position: absolute;
	margin-top:300px;
	font-size:0.8em;
}

#c {
	rotate: -15deg;
	position: absolute;
	margin-top:0px;
	margin-left:800px;
}

#d {
	rotate: 12deg;
	position: absolute;
	margin-top:300px;
	margin-left:800px;
}

#info {
	height: 300px;
	margin-top: 100px;
	rotate: 2deg;
	background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(3) rotate(25)'><rect x='0' y='0' width='100%' height='100%' fill='%23ff00e0ff'/><path d='M0 0h10v10H0z'  stroke-width='1' stroke='none' fill='%230b00ffff'/><path d='M10 10h10v10H10z'  stroke-width='1' stroke='none' fill='%2300ff00ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-18,-36)' fill='url(%23a)'/></svg>");
	color:white;
	text-shadow:1px 1px black;
}

h1 {
	color: red;
	font-size: 7em;
	font-family: serif;
	text-align:center;
}

body {
	background-color: yellow;
}

#tekening {
	position:absolute;
	width: 25%;
	top: 40%;
	left: 35%;