*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {

}
#center{
    text-align: center;
}
#pic{
    text-align: center;
}
#pic1{
    width: 100%;
    height: 100%;
}
#up-man {
    animation: ups 4s infinite;
    transform-origin: center;
}
@keyframes ups {
    0%{
        transform: rotateZ(-3deg)
    }
    50%{
        transform: rotateZ(3deg)
    }
    100%{
        transform: rotateZ(-3deg)
    }    
}
#right-man {
    animation: line 3s infinite;
    transform-origin: center;
}
@keyframes line {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(-50px);
    }
    100%{
        transform: translateX(0px);
    }    
}

#man {
    animation: man 10s infinite;
    transform-origin: center;
}
@keyframes man {
    0%{
        transform: translateX(1400px);
    }
    50%{
        transform: translateX(0px);
    }
    100%{
        transform: translateX(1400px);
    }    
}

#mobile {
    animation: mobile 10s infinite;
    transform-origin: center;
}
@keyframes mobile {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(-1400px);
    }
    100%{
        transform: translateX(0px);
    }    
}

button{
    background-color: aquamarine;
    padding: 0 10px;
    
}
#girl2{
    animation-duration: 4s
}