/* Globale Stile */

body{
    font-family: Arial, sans-serif;
    margin: 0;
   
    padding: 0;
    background-image:  linear-gradient(to right, #000000,#014401)
}


.b2 { 
    background: linear-gradient(to right, #118d5d, #000000);
    border: none;
    text-align: center;
    padding: 6px;
    margin-right: 0px;
    border-radius: 100px;

}
.b3 { 
    background: linear-gradient(to left, #118d5d, #000000);
    border: none;
    padding: 6px;
    margin-right: 0px;
    border-radius: 100px;

}
button a {

color:#dfe7e1;
text-decoration: none;
}
.center1 {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 0 ;
    padding: 20px;
	color:#0a970a;
}

footer {
    background-color: #021b0c;
    margin: 0ex;
    padding: 20px;
    bottom: 0;


}

.center2 {
    color: #fdfffd;
    text-align: center;
  }


 .center3 {
   color: #fdfffd;

 }

 /*Nicht mein Code*/

 #game {
    width: 600px;
    height: 200px;
    border: 1px solid black;
    margin: 0 auto;
}
#dino {
    width: 50px;
    height: 50px;
    background-image: url('img/trex.png');
    background-size: 50px 50px;
    position: relative;
    top: 150px;
}
#cactus {
    width: 20px;
    height: 40px;
    background-image: url('img/cactus.png');
    background-size: 20px 40px;
    position: relative;
    top: 110px;
    left: 580px;
    animation: cactusMove 1.5s infinite linear;
}
@keyframes cactusMove {
    0% { left: 580px; }
    100% { left: -20px; }
}
.jump {
    animation: jump 0.3s linear;
}
@keyframes jump {
    0% { top: 150px; }
    50% { top: 100px; }
    100% { top: 150px; }
}