@keyframes ziti1{
    0% { transform: translate(0, 0); }
    25% { transform: translate(500px, 0); }
    50% { transform: translate(500px, 500px); }
    75% { transform: translate(0, 500px); }
    100% { transform: translate(0, 0); }
} 
#ul1{
    display: inline-block;
    vertical-align: text-top;
    margin: auto;
}
#ziti1{
    font-family: "ziti1";
    font-size: 30px;
    position: absolute;
    top: 50px;
    left: 50px;
    animation: ziti1 15s linear infinite;
}