body, html {
  height: 100%;
  margin: 0;
}
.daten{
	border: 2px solid #000000;
} 

.gesamt{
	margin: 10px;
}

.zentrum{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
} 

.rm {
	
	border: 5px dotted #1C6EA4;
	width: 300px;
	height: 300px;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
}

.info{
	background-image: url("fraktal/Die Muschel Tiefe.png");
	height: 100%; 

  /* Center and scale the image nicely */
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
}

.musik{
	width: 300px;
	height: 300px;
	border: 5px dotted #1C6EA4;
	background-image: url("musikicon.svg");
background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	display: inline-block;
vertical-align: top;
}
.seite{
	width: 300px;
	height: 300px;
	border: 5px dotted #1C6EA4;
	background-image: url("logos/html.svg");
background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	display: inline-block;
	vertical-align: top;
}
.seitentext{
	color: white;
	position: relative;
	float: left;
	font-size: 30px;
	top: 37%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pix {
	width: 150px;
	height: 150px;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
}

.detail{
	image-rendering: optimizeQuality;
}

.canv{
	width: 300px;
	height: 300px;
	border: 5px dotted #1C6EA4;
}

body {
  background-color: lightblue;
}

h1{
	text-shadow: 3px 3px 0 #bcbcbc, 6px 6px 0 #9c9c9c;
	color: #000000;
	font-size: 4em;
}

.heading h1 {
	color: #000000;
}

.heading span {
	color: #FF0000;
}