body {
    margin: 0;
    background-image: linear-gradient(to top, #d1991f 0%, #3d04a7 100%);
    overflow: hidden;
}

h4 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

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

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

.car {
    position: absolute;
    bottom: 6%;
    left: 20%;
}

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

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

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

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

.expand-width {
    width: 100%;
}