@-webkit-keyframes animate-logo-div {
    0% {
        
    }
    25% {
        
    }
    50% {
        
    }
    75%{
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@keyframes animate-logo-div {
    0% {
        
    }

    50% {
        
    }
    75%{
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.div-logo-svg {
	margin: auto;
	display: block;
	width: 5%;
	position: initial;
    /* width: 50%;
    position: absolute; */
    -webkit-animation: animate-logo-div 4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.6s both;
    animation: animate-logo-div 4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.6s both;    
}

@-webkit-keyframes animate-arm {
    0% {
        fill: transparent;
    }
    25% {
        fill: #88c760;
    }
    50% {
        transform: rotateY(180deg);
        fill: #88c760;
    }
    75%{
        transform: rotateY(270deg);
        fill: #88c760;
    }
    100% {
        transform: rotateY(360deg);
        fill: #88c760;
    }
}

@keyframes animate-arm {
    0% {
        fill: transparent;
    }
    25% {
        fill: #88c760;
    }
    50% {
        transform: rotateY(180deg);
        fill: #88c760;
    }
    75%{
        transform: rotateY(270deg);
        fill: #88c760;
    }
    100% {
        transform: rotateY(360deg);
        fill: #88c760;
    }
}

.arm {
    -webkit-animation: animate-arm 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both;
    animation: animate-arm 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both;
   
}

@-webkit-keyframes animate-head {
    0% {
        fill: transparent;
    }
    95%{
        fill: transparent;
    }
    100% {
        fill: #88c760;
    }
}

@keyframes animate-head {
    0% {
        fill: transparent;
    }
    95%{
        fill: transparent;
    }
    100% {
        fill: #88c760;
    }
}

.head {
    -webkit-animation: animate-head 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s both;
    animation: animate-head 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s both;
}

@-webkit-keyframes animate-right-foot {
    0% {
        fill: transparent;
    }
    25% {
        fill: #88c760;
    }
    50% {
        fill: #88c760;
    }

    100% {
        fill: #88c760;
    }
}

@keyframes animate-right-foot {
    0% {
        fill: transparent;
    }
    25% {
        fill: #88c760;
    }
    50% {
        fill: #88c760;
    }

    100% {
        fill: #88c760;
    }
}

.right-foot {
    -webkit-animation: animate-right-foot 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both;
    animation: animate-right-foot 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both;
}

@-webkit-keyframes animate-left-foot {
    0% {
        fill: transparent;
    }
    25% {
        fill: #88c760;
    }
    50% {
        fill: #88c760;
    }

    100% {
        fill: #88c760;
    }
}

@keyframes animate-left-foot {
    0% {
        fill: transparent;
    }
    25% {
        fill: #88c760;
    }
    50% {
        fill: #88c760;
    }

    100% {
        fill: #88c760;
    }
}

.left-foot {
    -webkit-animation: animate-left-foot 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both;
    animation: animate-left-foot 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both;
}