style.css

*{
    margin : 0;
    padding : 0;
}

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

.sky{
    padding : 0;
    margin : 0;
    bottom : 0px;
    width : 200%;
    height : 750px;
    background : url("assets/sky.png");
    position :absolute;
    animation : skyAnimation 50s linear infinite;
}

@keyframes skyAnimation{
    100%{ transform : translatex(-50%)}
}
.flexContainer{
    width : 80%;
    height : 600px;
    margin : 20px auto;
    border : 3px black solid;
    display : flex;
    overflow : hidden;
    position : relative;
    justify-content :space-between;
}


.gameScreen{
    height : 100%;
    width : 100%;
    display : flex;
    flex-direction: column;
    align-items : center;
    justify-content : center;
}

button{
    margin : 25% auto;
    background-color : rgba(0, 0, 0, .5);
}

a{
    color : black;
    text-decoration: none;
}

.howTo{
    height : 100%;
    width : 100%;
    margin-left : 3%;
    display : flex;
    flex-direction : column;
    justify-content :center;
    align-items : center;
}

.highScore{
    height : 100%;
    width : 100%;

}

audio{
    display : none;
}

p{
    color : black;
}