#logo{
    height:100vh;
    width:100%;
    background-color:#ffffff;
    position:absolute;
    z-index:99;
    left:15px;
}

.ha,
.ha:before,
.ha:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.bola {
    will-change: transform;
    position: absolute;
    left: calc(50% - 10vmax);
    top: calc(40% - 10vmax);
    width: 20vmax;
    height: 20vmax;
    -webkit-animation: anim1 2s infinite;
    animation: anim1 2s infinite;
}

.bola:nth-child(2) {
    -webkit-animation-name: anim2;
    animation-name: anim2;
}

.bola:nth-child(3) {
    -webkit-animation-name: anim3;
    animation-name: anim3;
}

.bola:nth-child(4) {
    -webkit-animation-name: anim4;
    animation-name: anim4;
}

.blobs {
    fill: #f3f3f3;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes anim1 {
    0% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(-16vmax, 0);
        transform: scale(0.6) translate(-16vmax, 0);
    }
    52% {
        -webkit-transform: scale(0.7) translate(-16vmax, -16vmax);
        transform: scale(0.7) translate(-16vmax, -16vmax);
    }
    73% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    96% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes anim1 {
    0% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(-16vmax, 0);
        transform: scale(0.6) translate(-16vmax, 0);
    }
    52% {
        -webkit-transform: scale(0.7) translate(-16vmax, -16vmax);
        transform: scale(0.7) translate(-16vmax, -16vmax);
    }
    73% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    96% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@-webkit-keyframes anim2 {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(16vmax, 0);
        transform: scale(0.6) translate(16vmax, 0);
    }
    53% {
        -webkit-transform: scale(0.7) translate(16vmax, -16vmax);
        transform: scale(0.7) translate(16vmax, -16vmax);
    }
    74% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    97% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes anim2 {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(16vmax, 0);
        transform: scale(0.6) translate(16vmax, 0);
    }
    53% {
        -webkit-transform: scale(0.7) translate(16vmax, -16vmax);
        transform: scale(0.7) translate(16vmax, -16vmax);
    }
    74% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    97% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@-webkit-keyframes anim3 {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(-16vmax, 0);
        transform: scale(0.9) translate(-16vmax, 0);
    }
    54% {
        -webkit-transform: scale(0.7) translate(-16vmax, 16vmax);
        transform: scale(0.7) translate(-16vmax, 16vmax);
    }
    77% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    98% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes anim3 {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(-16vmax, 0);
        transform: scale(0.6) translate(-16vmax, 0);
    }
    54% {
        -webkit-transform: scale(0.7) translate(-16vmax, 16vmax);
        transform: scale(0.7) translate(-16vmax, 16vmax);
    }
    77% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    98% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@-webkit-keyframes anim4 {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(16vmax, 0);
        transform: scale(0.6) translate(16vmax, 0);
    }
    52% {
        -webkit-transform: scale(0.7) translate(16vmax, 16vmax);
        transform: scale(0.7) translate(16vmax, 16vmax);
    }
    78% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    96% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes anim4 {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
    25% {
        -webkit-transform: scale(0.6) translate(16vmax, 0);
        transform: scale(0.6) translate(16vmax, 0);
    }
    52% {
        -webkit-transform: scale(0.7) translate(16vmax, 16vmax);
        transform: scale(0.7) translate(16vmax, 16vmax);
    }
    78% {
        -webkit-transform: scale(1.1) translate(0, 0);
        transform: scale(1.1) translate(0, 0);
    }
    96% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@-webkit-keyframes bandera_anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    40% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    65% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    80% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    95% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes bandera_anim {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    40% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    65% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    80% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    95% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.anytime {
    -webkit-animation: 2s infinite;
    animation: 2s infinite;
}

.bandera {
    -webkit-animation-name: bandera_anim;
    animation-name: bandera_anim;
    width: 14vmax;
    z-index: 12;
    position: absolute;
    left: calc(50% - 6.6vmax);
    top: calc(40% - 5.7vmax);
}

.texto {
    fill: #94C120;
    -webkit-animation-name: bandera_anim;
    animation-name: bandera_anim;
    width: 66vmin;
    z-index: 12;
    position: absolute;
    left: calc(50% - 33vmin);
    top: calc(40% + 11vmax);
}

#logo .sponsor {
    -webkit-animation-name: bandera_anim;
    animation-name: bandera_anim;
    width: 40vmin;
    z-index: 10;
    position: absolute;
    left: calc(50% - 20vmin);
    top: calc(38% + 29vh);
}

svg#fede.rfga-svg{
    width: 11%;
}

.svgPubli svg{
    color: var(--sponsorMenuColor);
}