html {
	display:flex;
	flex-direction:column;
	height:100%;
}

body {
	margin:0px;
	background-image: url('back.jpg');
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	flex-grow:1;
}

.headline {
	font-family:Arial,Helvetica;
}

.bottomrow {
	background-color:lightgrey;
	display:flex;
	justify-content:space-between;
}

.fun {
	/*background-color:yellow;*/
	flex-grow:1;
	display:flex;
	flex-direction:column;
}

.schnorch {
	/*background-color:green;*/
	flex-grow:1;
	display:flex;
	justify-content:space-around;
}

.canvas {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	flex-grow:0.4;
}

.ds {
	font-family:Arial,Helvetica;
	font-size:0.6em;
}

.dsh2 {
	margin-top:0px;
}

.impressum {
	font-family:Arial,Helvetica;
	font-weight:bold;
}

.impressumtitle {
	 color:darkgreen;
}

.impressumhome {
	font-style:italic;
}

.sign {
	vertical-align:middle;
}

.impressumlink {
	text-decoration:none;
	color:black;
}

.header {
	display:flex;
	justify-content:space-between;
}

/*
.avatar {
}
*/

.avatarimage {
	height:181px;
	/*height of atom*/
}

/*
.atom {
	float:left;
}
*/

/*
.showdiv {
}
*/

.portfolio {
	font-family:Arial,Helvetica;
	/*font-size:2em;*/
}

.show {
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

.pixel {
	/*border-color: blue;*/
	/*border-width: 1px;*/
	/*border-style: solid;*/
	/*width: 8px;*/
	flex-grow:1;
	/*height: 8px;*/
	background-color:black;
	font-size:0.5em;
}

.line {
	display:flex;
	flex-grow:1;
	justify-content:space-between;
}
	
.counter {
	font-family:Arial,Helvetica;
	font-size:0.5em;
	display:flex;
	justify-content:center;
}