body {
	overflow: hidden;
	background-color: rgb(59, 134, 88);
}

.webapp {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	left: 40%;
	width: 15%;
	height: 5%;
	z-index: 9;
	color: rgb(21, 95, 6);
	overflow: hidden;
	background-color: rgba(197, 216, 87);
	border: solid rgb(0, 0, 0) 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5vw;
	padding: 1px;
	margin: 1px;
	border-radius: 12px;
}

.hand {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: right;
	justify-content: left;
	left: 36%;
	width: 4%;
	height: 4%;
	z-index: 9;
	color: rgb(242, 241, 241);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	background-image: url("../img/fingerrechtsG.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}

.maus {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: right;
	justify-content: left;
	left: 57%;
	width: 4%;
	height: 4%;
	z-index: 9;
	color: rgb(242, 241, 241);
	overflow: hidden;
	background-image: url("../img/mouse.svg");
	background-size: contain;
	background-repeat: no-repeat;
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}

#happyhand {
	top: 31%;
}

#happy {
	top: 30%;
}

#quizhand {
	top: 37%;
}

#quiz {
	top: 36%;
}

#memoryhand {
	top: 43%;
}

#memory {
	top: 42%;
}

#rechnerhand {
	top: 49%;
}

#rechner {
	top: 48%;
}

#wuerfelhand {
	top: 55%;
}

#wuerfel {
	top: 54%;
}

#einmaleinshand {
	top: 61%;
}

#einmaleins {
	top: 60%;
}

#magischesquadrathand {
	top: 67%;
}

#magischesquadrat {
	top: 66%;
}

#lottoscheinhand {
	top: 73%;
}

#lottoschein {
	top: 72%;
}

#kickerhand {
	top: 80%;
}

#kicker {
	top: 79%;
}

#magiehand {
	top: 87%;
}

#magie {
	top: 86%;
}

#lottohand {
	top: 93%;
}

#lotto {
	top: 92%;
}



#mywebapps {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 0.54%;
	left: 20.46%;
	width: 53.95%;
	height: 16%;
	z-index: 9;
	color: rgb(248, 245, 245);
	overflow: hidden;
	background-color: rgb(59, 134, 88);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 78px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 5.38vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#autor {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 20%;
	left: 20.46%;
	width: 50.23%;
	height: 6.52%;
	z-index: 9;
	color: rgb(227, 213, 213);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5vw;
	padding: 0px;
	margin: 0px;
}