body {
font-family: Arial;

}


#hUe {
font-weight: bold;
color: white;
}

#kopfzeile {
position: absolute;
background-color: gray;
top: 0;
left: 0;
width: 100%;
justify-content: center;
display: flex;
align-items: center;
}

#nb {
position: absolute;
display: flex;
flex-direction: column;
background-color: darkgray;
width: 10%;
height: 100vh;
align-items: center;
left: 1%;
top: 10%;
font-size: larger;
font-weight: bold;
font-family: Arial;
color: white;
}

#eingabe {
position: absolute;
top: 85%;
left: 40%;



}

#image_container {
position: absolute;
width: 200px;
height: 200px;
transform: scale(0.8);
transform-origin: top left;
right: 70%;
top: 15%;
}


#start {
border-radius: 7px;
border-color: gray;
cursor: pointer;
background-color: lightgray;    
color: black;
}

#start:hover {
background-color: darkgray;
}

#fA {
position: absolute;
top: 95%;
right: 41%;
font-weight: bold;
font-family: Arial;
color: red;

}

#submit {
border-radius: 7px;
border-color: gray;
cursor: pointer;
background-color: lightgray;    
color: black;
}

#submit:hover {
   background-color: darkgray; 
}