*{
    margin: 0;
    padding: 0;
}

body{
    background-color: red;
    overflow: hidden;
}

.gameContainer{
   background-image: url(./landscape.jpg);
   background-size: 100vw 100vh;
   width: 100%;
   height: 100vh;
}

.gojo{
    background-image: url(./gojo.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 274px;
    height: 309px;
    position: absolute;
    bottom: 17px;
    display: flex;
    left: 24px;
    
}


.obstacle{
    background-image: url(./inosuke.png);
    background-size: cover;
    width: 274px;
    height: 214px;
    position: absolute;
    bottom: 81px;
    left: 44vw;
}


.animateGojo{
    animation: gojo 0.6s linear;
}
.obstacleAni{
    animation: obstacleAni 5s linear infinite;
}
.gameOver{
    position: relative;
    top: 63px;
    font-size: 53px;
    text-align: center;
    

}
#scoreCont{
    position: absolute;
    left: 23px;
    top: 23px;
    width: 112px;
    border: 2px solid black;
    font-size: medium ;
    font-style: bold;  
    padding: 2px 2px 2px 2px ;

}

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


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