* {
    margin:0 ;
    padding:0;
    box-sizing:border-box;
}
.game-board{
    width: 100%;
    height: 500px;
    border-bottom: 15px solid green;
    margin: 0 auto;
    position:relative;
    overflow:hidden;
    background: linear-gradient(#87CEEB,#E0F6FF);

}
.pipe{
    position:absolute;
    bottom:0;
    width: 80px;
    right:60%;
    animation: pipe-animation 1.5s infinite linear;

}
.mario{
    position:absolute;
    width:150px;
    bottom:0;

}
.jump{
    animation: jump 500ms ease-out;

}
.clouds{
position:absolute;
width:550px;
animation:clouds-animati 10s infinite linear;
}


@keyframes pipe-animation{
    from {
       right:-80px;
    }
    to {
       right:100%;
    }
}
@keyframes jump{
    0% {
       bottom:0px;
    }
    40% {
       bottom:180px;
       }
    50% {
       bottom:180px;
    }
    60% {
       bottom:180px;
    }
     100% {
       bottom:0px;
    }
}
@keyframes clouds-animati{
    from{
        right: -550px;
    }

    to{
    right: 100%;
    }

}