.box{
    width: 100px;
    height: 100px;
    background-color:lightblue;
    animation-name: move-box;
    animation-duration: 5s;
}


@keyframes move-box {
0%{
transform: translate(0, 0);
background-color: #ff8243;;
}

33%{
transform: translate(1000px, 0);
background-color: #FFC0CD;
}

66%{
transform: translate(1000px, 700px);
background-color: #FCE883;
}

100%{
transform: translate(0, 700px);
background-color: #FFD3AC;
}
}