@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@1,300&display=swap');
/*
 * Animation module with all animation code
 */
 .anim-text-flow,
 .anim-text-flow-hover:hover {
   /*
    * Animation variables
    */
   $animationSteps: 20;
   $animationDuration: 50;
   $animationElement: span;
   $animationElementsCount: 100;
   $delayBetweenLetters: 0.2;
 
   /*
    * Elements settings
    */
   #{$animationElement} {
     animation-name: anim-text-flow-keys;
     animation-duration: #{$animationDuration}s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-fill-mode: forwards;
   }
 
   /*
    * Keyframe loop
    */
   @keyframes anim-text-flow-keys {
     @for $i from 0 through $animationSteps {
       #{percentage($i * (1 / $animationSteps))} {
         color: hsla(random(365), 60, 60, 1);
       }
     }
   }
 
   /*
    * Element animation delay loop
    */
   $totalDelayTime: $animationElementsCount * $delayBetweenLetters;
 
   @for $i from 1 through $animationElementsCount {
     #{$animationElement}:nth-of-type(#{$i}) {
       animation-delay: #{($i * $delayBetweenLetters) - $totalDelayTime}s;
     }
   }
 }

 .txt {
    display: block;
    font-family: 'Ubuntu', sans-serif;
}


.derecho{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px

}