body {
  overflow: hidden;
  background-color: rgb(184, 174, 119);
}

#div1 {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 20.06%;
  left: 30.08%;
  width: 39.84%;
  height: 39.94%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgb(197, 220, 172);
  border: solid rgb(0, 0, 0) 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.83vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#titel {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 0%;
  left: 0.98%;
  width: 99.02%;
  height: 12.86%;
  z-index: 9;
  color: rgb(15, 7, 168);
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0);
  border: solid rgb(0, 0, 0) 0px;
  font-family: "Comic Sans MS", sans-serif;
  font-size: 2vw;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#eingabe {
  display: block;
  position: absolute;
  top: 31.39%;
  left: 40.55%;
  width: 19.63%;
  height: 17.83%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  border: solid rgb(0, 0, 0) 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.83vw;
  padding: 0.5%;
  padding-left: 1%;
  margin: 0px;
}

#ausgabe {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 53%;
  left: 0.16%;
  width: 100.31%;
  height: 15%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgba(252, 252, 252, 0);
  border: solid rgb(0, 0, 0) 0px;
  font-family: "Comic Sans MS", sans-serif;
  font-size: 2.41vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#versuche {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 62%;
  left: 0.16%;
  width: 100.31%;
  height: 9.3%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgba(252, 252, 252, 0);
  border: solid rgb(0, 0, 0) 0px;
  font-family: "Comic Sans MS", sans-serif;
  font-size: 1.4vw;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  user-select: none;
}

#startbutton {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 50.68%;
  left: 40%;
  width: 20%;
  height: 6.47%;
  z-index: 9;
  color: rgb(252, 252, 252);
  overflow: hidden;
  background-color: rgb(15, 9, 228);
  border: solid rgb(0, 0, 0) 0px;
  border-radius: 12px;
  font-family: "Comic Sans MS", sans-serif;
  font-size: 2.83vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}