body {
    margin: 0;
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
    overflow-y: hidden;
}

.instructions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 1.5em;
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(0, 0, 0, .7);
}

.night {
    height: 80vh;
    width: 70vw;
    border: 1px solid black;
    margin: 3rem auto;
    background: url('../assets/Img_1.png');
    background-size: cover;
    position: relative;
    box-shadow: 1px 2px 60px rgba(0,0,0,0.4);
    overflow-x: hidden;
}

.surface {
    height: 140px;
    width: 500%;
    background: url('../assets/Img_02.png');
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background-repeat: repeat-x;
}

.car {
    position: absolute;
    bottom: 8%;
    left: 24%;
}

@keyframes moveRight {
    100%{transform: translateX(-2950px);}

}

@keyframes suspension {
    100%{
        transform: translateY(-1px);
    }
    50%{
        transform: translateY(2px);
    }
    0%{
        transform: translateY(-1px);
    }
}

.moveRight {
    animation: moveRight 6s linear infinite;
}

.suspension {
    animation: suspension 1s linear infinite;
}