@keyframes roundMove{
    0% {
        border-radius:46% 54% 50% 50% / 67% 50% 50% 33% ;
    }
    50% {
        border-radius:40% 60% 52% 48% / 46% 54% 46% 54% ;
    }
    100% {
        border-radius:46% 54% 50% 50% / 67% 50% 50% 33% ;
    }
}
@keyframes roundMove1{
    0% {
        border-radius:56% 44% 61% 39% / 50% 54% 46% 50%;
    }
    50% {
        border-radius:36% 64% 29% 71% / 55% 41% 59% 45% ;
    }
    100% {
        border-radius:56% 44% 61% 39% / 50% 54% 46% 50%;
    }
}
@keyframes titleLToR{
    0% {
        transform: translateX(-110%);
        opacity:0;
    }
    100% {
        transform: translateX(0);
        opacity:1;
    }
}
@keyframes titleLToR1{
    0% {
        transform: translateX(-110%);
        opacity:0;
    }
    100% {
        transform: translateX(-21%);
        opacity:1;
    }
}
@keyframes titleDown{
    0% {
        transform:rotate(90deg) translateX(-100%);
        opacity:0;
    }
    100% {
        transform:rotate(90deg) translateX(0);
        opacity:1;
    }
}
@keyframes moveUp{
    0% {
        transform: translateY(100%);
        opacity:0;
    }
    100% {
        transform: translateY(0);
        opacity:1;
    }
}
@keyframes moveBigger{
    0% {
        height:0;
    }
    100% {
        height:98%;
    }
}
@keyframes drawBorder{
    0% {
        stroke-dasharray:0;
        fill:#fff;
    }
    100% {
        stroke-dasharray:453px;
        fill:#20608e;
    }
}
@keyframes introMoveRound{
    0% {
        transform:rotate(0);
        transform-origin:center;
    }
    100% {
        transform:rotate(360deg);
        transform-origin:center;
    }
}
@keyframes fadeOut{
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@keyframes fadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes introFadeOut{
    0% {
        transform:translateY(0);
        opacity:1;
    }
    100% {
        transform:translateY(-200%);
        opacity:1;
        pointer-events: none;
    }
}
@keyframes turnOnOff{
    0%{
        color:#20608e;
        text-shadow:none;
    }
    25%{
        color:#796084;
        text-shadow:-1px 0px 0px #796084,1px 0px 0px #796084,0px -1px 0px #796084,0px 1px 0px #ffffff; 
    }
    50%{
        color:#796084;
        text-shadow:none;
    }
    75%{
        color:#ffffff;
        text-shadow:-1px 0px 0px #20608e,1px 0px 0px #20608e,0px -1px 0px #20608e,0px 1px 0px #ffffff;
    }
    100%{
        color:#20608e;
        text-shadow:none;
    }
}
@keyframes leftToRight{
    0%{
        transform:translateX(-1%);
    }
    25%{
        transform:translateX(1%);
    }
    50%{
        transform:translateX(-1%);
    }
    75%{
        transform:translateX(1%);
    }
    100%{
        transform:translateX(-1%);
    }
}
@keyframes introFadeout {
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-200%);
    }
  }