*{
    margin: 0;
    padding: 0;
}
body{
    background-color: red;
    overflow: hidden;
}
.gamecontainer{
    background-image: url(back.jpg); 
    background-repeat: no-repeat;
    background-size: 100vw 100vh;  
    width: 100%;
    height: 100vh;
}
.mario{
    background-image: url(mario.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 180px;
    height: 161px;
    position:absolute;
    bottom: 0;
    /* top: 530px; */
    left: 19px;
    
}
.obstacle{
    background-image: url(dino.png);
    background-size: cover;
    width: 280px;
    height: 148px;
    position: absolute;
    /* position: relative; */
    /* top: 518px; */
    bottom: 0;
    left: 50vw;
}

.animateMario{
    animation: mario 0.6s linear;
}

.obstacleani{
    animation: obstacleani 5s linear infinite;
}

.gameover{
    /* visibility: hidden; */
    position: relative;
    top: 120px;
    font-size: 65px;
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border: 4px solid black;
    width: 950px;
    left: 25vw;
    border-width: 6px;
}

#scoreCont{
    position: relative;
    color: #521e0e;
    font-weight: bold;
    left: 82vw;
    top: -55px;
    border: 6px solid black;
    padding: 10px;
    width: 302px;
    font-size: 44px;
    font-family: fangsong;
    font-style: revert;
}

@keyframes mario{
    0%{
        bottom: 0;
    }
    50%{
        bottom: 422px;
    }
    100%{
        bottom: 0;
    }   
}

@keyframes obstacleani{
    0%{
        left:100vw;
    }
    100%{
        left: -10vw;
    }
}