#name
{
	position: absolute;
	margin-top: 15px;
	margin-left: 175px;
	font-size: 76pt;
}
#hartje
{
	position: absolute;
	margin-left: 20px;
	margin-top: 185px;
}
.colorbar
{
	position: absolute;
	width: 40px;
	height: 40px;
	margin-left: 430px;
	overflow: hidden;
	text-align: center;
	line-height: 46px;
	display: table-cell;
	font-size: 0pt;
	color: white;
	cursor: pointer;
}
div.colorbar:hover
{
	height: 50px;
	width: 50px;
	margin-left: 425px;
	font-size: 10pt;
}
#purple
{
	margin-top: 277px;
}
#purple:hover
{
	width: 60px;
	margin-left: 420px;
	margin-top: 272px;
}
#blue
{
	margin-top: 324px;
}
#blue:hover
{
	margin-top: 319px;
}
#green
{
	margin-top: 371px;
}
#green:hover
{
	margin-top: 366px;
	margin-left: 425px;
	width: 50px;
}
#yellow
{
	margin-top: 418px;
}
#yellow:hover
{
	margin-top: 413px;
}
#orange
{
	margin-top: 465px;
}
#orange:hover
{
	margin-top: 460px;
}
#pink
{
	margin-top: 512px;
}
#pink:hover
{
	margin-top: 508px;
}
#text
{
	position: absolute;
	margin-top: 280px;
	margin-left: 508px;
}
#text *
{
	font-weight: 300;
	display: inline;
}
#text H2
{
	font-size: 35pt;
}
#text H3
{
	font-size: 25pt;
}