header #cat {
    position: absolute;
    left: 869px;
    /*left: 60%;*/
    width: 118px;

    animation: rotate 5s;
    animation-iteration-count: 1;
}

#cat-wrap {
    position: absolute;
    top: 316px;
    /*top:50%;*/
    animation: translate 5s;
    animation-iteration-count: 1;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(-3deg);
    }
    20% {
        transform: rotate(3deg);
    }
    30% {
        transform: rotate(-2deg);
    }
    40% {
        transform: rotate(6deg);
    }
    50% {
        transform: rotate(-2deg);
    }
    60% {
        transform: rotate(2deg);
    }
    70% {
        transform: rotate(-3deg);
    }
    80% {
        transform: rotate(3deg);
    }
    90% {
        transform: rotate(-4deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes translate {
    0% {
        transform: translateX(600px);
    }
    10% {
        transform: translateX(540px);
    }
    20% {
        transform: translateX(480px);
    }
    30% {
        transform: translateX(420px);
    }
    40% {
        transform: translateX(360px);
    }
    50% {
        transform: translateX(300px);
    }
    60% {
        transform: translateX(240px);
    }
    70% {
        transform: translateX(180px);
    }
    80% {
        transform: translateX(120px);
    }
    90% {
        transform: translateX(60px);
    }
    100% {
        transform: translateX(0px);
    }
}