@keyframes opacity_1_4_11 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity_neg_1_4_11 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes move_1_4_11 {
    0% {
        offset-distance: 0%;
    }

    10% {
        offset-distance: 100%;
    }

    90% {
        offset-distance: 100%;
    }

    100% {
        offset-distance: 0%;
    }
}

@keyframes move_1_4_112 {
    0% {
        offset-distance: 0%;
    }

    8% {
        offset-distance: 100%;
    }

    90% {
        offset-distance: 100%;
    }

    100% {
        offset-distance: 0%;
    }
}




@keyframes rotate1_4_11 {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(-42deg);
    }

    90% {
        transform: rotate(-42deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes col1_4_11 {
    0% {
        fill: black;
    }

    10% {
        fill: blue;
    }

    90% {
        fill: blue;
    }

    100% {
        fill: black;
    }

}

@keyframes scale1_4_11 {
    0% {
        transform: scale(100%);
    }

    10% {
        transform: scale(0%);
    }

    90% {
        transform: scale(0%);
    }

    100% {
        transform: scale(100%);
    }
}

@keyframes col2_4_11 {
    0% {
        fill: black;
    }

    10% {
        fill: blue;
    }

    90% {
        fill: blue;
    }

    100% {
        fill: black;
    }

}


@keyframes rotate2_4_11 {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(360deg);
    }

    90% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotater_4_11 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes rotatep_4_11 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-1440deg);
    }
}

@keyframes col3_4_11 {
    0% {
        fill: black;
    }

    20% {
        fill: red;
    }

    40% {
        fill: yellow;
    }

    60% {
        fill: green;
    }

    80% {
        fill: cyan;
    }

    100% {
        fill: blue;
    }

}

@keyframes moveh1_4_11 {
    0% {
        transform: translatey(0px);
    }

    70% {
        transform: translatey(45px);
    }

    100% {
        transform: translatey(0px);
    }
}

@keyframes lineWeight1_4_11 {
    0% {
        stroke-width: 18;
    }

    10% {
        stroke-width: 0;
    }

    90% {
        stroke-width: 0;
    }

    100% {
        stroke-width: 18;
    }
}




/* I */
.obj1_4_11 {
    offset-path: path('M47,76h0c19.12,0,34.61,15.5,34.61,34.61v56.43s2.4-4.52,5.04-2.7c0,0,4.76,2.77,6.43,2.77h3.85');
    offset-distance: 0;
    animation: move_1_4_11 10s ease-in-out none;
    transform-box: fill-box;
    transform-origin: center;
}



/* C */
.rotc1_4_11 {
    fill: black;
    transform-origin: 163.3px 121.9px;
    animation: rotate1_4_11 9s ease-in-out 1s both, col1_4_11 9s ease 1s forwards;
}


/* O */
.scao1_4_11 {
    transform-origin: 249px 121.9px;
    animation: scale1_4_11 10s ease-in-out none;
}

.scao2_4_11 {
    animation: col1_4_11 10s ease forwards;
}


/* G */
.rotg1_4_11 {
    transform-origin: 393.7px 121.9px;
    animation: rotate2_4_11 10s ease-in-out both, col1_4_11 10s ease forwards;
}


/* R */
.rotr1_4_11 {
    transform-origin: 507.8px 184.5px;
    animation: rotater_4_11 1s ease-in-out both;
}

/* A */
.obac1_4_11 {
    offset-path:
        path('M609,77l5.26,4.16c4.29,3.4,7.85,7.62,10.47,12.42l40.4,74.05');
    offset-distance: 0;
    animation: move_1_4_11 10s ease-in 0.5s forwards;
    transform-box: fill-box;
    transform-origin: center;
}

/* P */
.rotp1_4_11 {
    fill: black;
    transform-origin: 726.3px 121.9px;
    animation: rotatep_4_11 1s ease-in-out forwards, col3_4_11 1s ease forwards;
}


/* H */
.obh1_4_11 {
    animation: moveh1_4_11 0.75s ease-in-out forwards;
}


/* I2 */
.objc1_4_11 {
    offset-path:
        path('M843,122v-50.25c0-27.75,22.5-50.25,50.25-50.25h0c27.75,0,50.25,22.5,50.25,50.25v4.93');
    offset-distance: 0;
    animation: move_1_4_112 10s ease-out 0.62s forwards;
    transform-box: fill-box;
    transform-origin: center;
}


/* C2 */
.blkline1_4_11 {
    fill: none;
    stroke: #000;
    stroke-width: 18px;
    animation: lineWeight1_4_11 10s ease-in both;
}

.blueline1_4_11 {
    fill: none;
    stroke: blue;
    stroke-width: 6px;
}

/* Buttons */
#button1_4_11,
#button2_4_11,
#button3_4_11,
#button4_4_11,
#button4b_4_11,
#button5_4_11,
#button6_4_11 {
    cursor: pointer;
    pointer-events: all;
}

.line-path {
    fill: none;
    stroke: #f0f;
    stroke-width: 3px;
}