body{
    margin: 0;
    background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
    overflow-y: hidden;
}
h1{
    color: white;
    font-size: 80px;
    font-family: 'Courier New', Courier, monospace;
    justify-content: center;
    text-align: center;
}
@media screen and (max-width: 700px){
    h1{
        margin-top: 50px;
        font-size: larger;
    }
}
.night{
    height: 80vh;
    width: 70vw;
    margin: 5rem auto;
    background: url("/files/source/source/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("/files/source/source/Img_02.png");
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-repeat: repeat-x;
    animation: moveRight 6s linear infinite;
}
.car{
    position: absolute;
    bottom: 8%;
    left: 24%;
    animation: suspension 1s linear infinite;

}

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