/*
 ══════════════════════════════════════════ 
              Версия 1.0-Final              
            Обновление 30.03.18             
           Стили анимации текста            
 ══════════════════════════════════════════ 
*/

@media only screen {
  .animate_logo {
    font-size: 30px;
    font-family: 'BudmoJiggler-Regular';
    text-align: right;
    position: absolute;
    cursor: pointer;
    right: 10px;
    background: -webkit-linear-gradient(left, #33a010, #6d65ea, #bbad94, #ca4404, #d4843f, #04b5b5, #33a010);
    background: -moz-linear-gradient(left, #33a010, #6d65ea, #bbad94, #ca4404, #d4843f, #04b5b5, #33a010);
    background: -o-linear-gradient(left, #33a010, #6d65ea, #bbad94, #ca4404, #d4843f, #04b5b5, #33a010);
    background: linear-gradient(left, #33a010, #6d65ea, #bbad94, #ca4404, #d4843f, #04b5b5, #33a010);
    -webkit-background-size: 3200px 200px;
       -moz-background-size: 3200px 200px;
         -o-background-size: 3200px 200px;
            background-size: 3200px 200px;
    color: transparent;
    margin: 5px;
    -webkit-background-clip: text;
    -webkit-animation: animate-logo;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-transition: font-size 500ms ease-in-out;
    -o-transition: font-size 500ms ease-in-out;
    -moz-transition: font-size 500ms ease-in-out;
    transition: font-size 500ms ease-in-out;
  }
}
@-webkit-keyframes animate-logo {
  0% {
    background-position: 0 3200px;
  }
  100% {
    background-position: 3200px 0;
  }
}

/*
 ══════════════════════════════════ 
*/