@-skrollr-keyframes record_arm {
    center-center {
        transform: rotate(5deg);
    }

    bottom {
        transform: rotate(-30deg);
    }
}

.record-arm {
    -skrollr-animation-name: record_arm;
}

@-skrollr-keyframes pencil_1 {
    center center {
        transform: translate3d(0, 120px, 0) scale(1) rotate(0deg);
    }
    bottom {
        transform: translate3d(-150%, 300px, 0) scale(2) rotate(-20deg);
    }
}

.pencil-1 {
    -skrollr-animation-name: pencil_1;
}


@-skrollr-keyframes pencil_2 {
    center-center {
        transform: translate3d(0, -100px, 0) scale(1) rotate(0deg);
    }
    bottom {
        transform: translate3d(170%, 10px, 0) scale(2) rotate(-20deg);
    }
}

.pencil-2 {
    -skrollr-animation-name: pencil_2;
}


@-skrollr-keyframes hand {
    center-center {
        transform: translate3d(0, 0, 0);
    }
    bottom {
        transform: translate3d(-100%, 0, 0);
    }
}

.hand {
    -skrollr-animation-name: hand;
}


@-skrollr-keyframes clock_cog {
    top {
        transform: rotate(0deg);
    }
    bottom {
        transform: rotate(-80deg);
    }
}

.clock-cog {
    -skrollr-animation-name: clock_cog;
}


@-skrollr-keyframes globe {
    top {
        transform: rotate(-30deg);
    }
    bottom {
        transform: rotate(3deg);
    }
}

.globe  {
    -skrollr-animation-name: globe;
}