#game{
    width:600px ;
    height:200px ;
    border: 2px solid black;
    margin-left: 400px;
}


#dino{
    width: 50px;
    height: 50px;
    background-image:url(img,trex.png) ;
    background-size:50px ;
    position: relative;
    top:150px;

    
}

.jump{
    animation: jump 0.7s linear;
}


@keyframes jump{
    0%{
        top:150px;
    }
    30%{
        top:130px;
    }
    50%{
          top:80px;
    }

    60%{
        top:90px
    }

    70%{
        top:100px ;
    }
    80%{
        top:130px
    }

    100%{
        top:150px
    }
}



#cactus{
    width: 20px;
    height: 40px; 
    position: relative;
    background-size: 20px 40px;
    top:110px;
    left:580px;
    background-image:url(cactus.png) ;

    animation : towards 2s infinite linear
}

@keyframes towards{
    0%{
        left:580px
    }

    100%{
        left:-20px
    }
}

.red{
    color : red
}

.yellow{
    color: yellow;
}