body{
#background-image: linear-gradient(205deg, #012461 0%, #2a0571 50%, #3a0780 100%);
background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);

height:100vh;
margin:0px;
text-align:center;
}
#navigation{
  display:flex;
  justify-content:flex-end;
  text-align:center;
}
#navigation li{
  list-style-type:none;
  margin:0px 5px;
}
#navigation a{
  text-decoration:none;
  color:white;
}
.navbutton{
  height:22px;
  width:100px;
  border:2px solid #ff00ff;
  color:white;
  border-radius:25px;
  box-shadow:inset 0px 0px 25px #ff33ff;
}
.navbutton:hover{
  background-color:#ff00ff;
  box-shadow:0px 0px 10px #ff00ff;
  font-size:17px;
  color:white;
  font-weight:bold;
}
#h1{
text-align:center;
font-size:50px;
letter-spacing:10px;
color:#8f0af5;
animation: glow 5s linear infinite;
}
@keyframes glow{
0% , 35%{
color:#8f0af5;
text-shadow:none;
filter:brightness(120%);
}
70%, 100%{
  color:#f9f7fa;
  filter:brightness(150%);
  text-shadow:0 0 10px #8f0af5, 0 0 20px #8f0af5, 0 0 40px #8f0af5,
0 0 80px #8f0af5, 0 0 160px #8f0af5;
}
}
#center{
display:flex;
justify-content:center;
align-items:center;
margin-top:50px;
}
#parent{
position:relative;
}
#parent img{
  height:550px;
  width:auto;

}
#child{
position:absolute;
z-index:-1;
top:59.5%;
left:50%;
transform: translate(-50%, -50%);
}
#child h2{
  text-align:center;
  margin:0px;
  height:50px;
  width:250px;
  font-size:40px;
}
#einkommen{
border:10px ridge green;
background-color:#0a8218;
}
#ausgaben{
border:10px ridge red;
background-color:#ad1111;
}
#sparen{
border:10px ridge #ca1cff;
background-color:#6e0b8c;
}
#message{
  height:250px;
  width:500px;
  font-size:18px;
  border:5px solid black;
  box-shadow:inset 0px 0px 15px white;
 padding:10px ;
 margin-top:55px;
 border-radius:25px;
background-color: rgba(71, 154, 237, 0.1);
}