*{
    margin: 0;
    padding: 0;
    /* background-color: red; */
}
body{
    overflow: hidden;
}

.gamecont{
    background-image: url(2-nature-wallpaper-grass.preview.jpg);
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    width: 100%;
    height: 100vh;
}
.dino{
    background-image: url(men-removebg-preview.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 233px;
    height: 230px;
    position: absolute;
    bottom: 0;
    left: 20px;
}
.ob{
    width: 250px;
    height: 190px;
    background-image: url(dog-removebg-preview.png);
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 70vw;

}
.animatDino{
    animation: dino 0.6s linear;
}
.obsani{
    animation: obsani 5s linear infinite;
}
.gameover{
    text-align: center;
    justify-content: center;
   /* visibility: hidden; */
   color: aqua;
  position: relative;
  top: 40px;
  font-size: 33px;
  text-align: center;
  font-family: sans-serif;

}
span{
    color: red;
    font-weight: bold;
}
#scorecont{
    font-size: 20px;
    position: absolute;
    right: 45px;
    top: 40px;
    font-weight: bold;
    color: aqua;
    border: 3px double aqua;
    padding: 10px;
    font-family: sans-serif;
    width: 150px;

}
@keyframes dino{
    0%{bottom: 0;}
    50%{bottom: 322px;}
    100%{bottom: 0;}
}
@keyframes obsani{
    0%{left: 100vw;}
    100%{left: -10vw;}
}