#upperpart1 {
    
    position: absolute;
    width: 600px;
    height: 150px;
    top: 50px;
    left: 500px;
    font-size: 250px;
    text-align: center;
    overflow: hidden;
    color: rgb(4, 185, 185);
    background-color: white;
}

#upperpart2 {
    position: absolute;
    width: 600px;
    height: 150px;
    top: 50px;
    left: 500px;
    font-size: 250px;
    text-align: center;
    color: purple;
    z-index: -1;
}

#upperline {
    position: absolute;
    border: solid 1px black;
    width: 600px;
    left: 500px;
    top: 200px;
}

#middlepart1 {
    position: absolute;
    width: 600px;
    height: 150px;
    left: 500px;
    top: 300px;
    font-size: 250px;
    text-align: center;
    color: purple;
    overflow: hidden;
    background-color: white;
}

#middlepart2 {
    position: absolute;
    width: 600px;
    height: 150px;
    left: 535px;
    top: 300px;
    font-size: 250px;
    z-index: -1;
    color: rgb(4, 185, 185);
}

#middleline {
    position: absolute;
    border: solid 1px black;
    width: 600px;
    left: 500px;
    top: 450px;  
}

#underpart1 {
    position: absolute;
    width: 900px;
    height: 150px;
    left: 370px;
    top: 600px;
    font-size: 250px;
    text-align: center;
    overflow: hidden;
    color: rgb(4, 185, 185);
    background-color: white;
}

#underpart2 {
    position: absolute;
    width: 600px;
    height: 150px;
    left: 495px;
    top: 600px;
    font-size: 250px;
    text-align: center;
    z-index: -1;
    color: purple; 
}

#underline {
    position: absolute;
    border: solid 1px black;
    width: 700px;
    left: 450px;
    top: 750px;    
} 

#upperpart1 {
    position: absolute;
    animation: mymoveupper1 5s linear infinite;
}

@keyframes mymoveupper1 {
0% {left: 490px;}
50% {left: 510px;}
100%{left: 490px;}
}

#upperpart2 {
    position: absolute;
    animation: mymoveupper2 5s linear infinite;
}

@keyframes mymoveupper2 {
0% {left: 510px;}
50% {left: 490px;}
100%{left: 510px;}
}

#middlepart1 {
    position: absolute;
    animation: mymovemiddle1 5s linear infinite;
}

@keyframes mymovemiddle1 {
    0% {left: 490px;}
    50% {left: 510px;}
    100%{left: 490px;}
    }

    #middlepart2 {
        position: absolute;
        animation: mymovemiddle2 5s linear infinite;
    }
    
    @keyframes mymovemiddle2 {
        0% {left: 540px;}
        50% {left: 510px;}
        100%{left: 540px;}
        }

        #underpart1 {
            position: absolute;
            animation: mymoveunder1 5s linear infinite;
        }
        
        @keyframes mymoveunder1 {
            0% {left: 371px;}
            50% {left: 390px;}
            100%{left: 371px;}
            }

            #underpart2 {
                position: absolute;
                animation: mymoveunder2 5s linear infinite;
            }
            
            @keyframes mymoveunder2 {
                0% {left: 505px;}
                50% {left: 495px;}
                100%{left: 505px;}
            }