html {
  animation:ani 45s infinite;
}
@keyframes ani
{
    0%, 100%{background:
      repeating-linear-gradient(150deg, rgba( 0 , 160, 233, 0.25) 0, rgba( 0 , 160, 233, 0.25) 3px, transparent 3px, transparent 6px, rgba( 0 , 160, 233, 0.25) 6px, transparent 40px),
      repeating-linear-gradient(-90deg, rgba(255, 241,  0 , 0.25) 0, rgba(255, 241,  0 , 0.25) 3px, transparent 3px, transparent 6px, rgba(255, 241,  0 , 0.25) 6px, transparent 40px),
      repeating-linear-gradient( 30deg, rgba(228,  0 , 127, 0.25) 0, rgba(228,  0 , 127, 0.25) 3px, transparent 3px, transparent 6px, rgba(228,  0 , 127, 0.25) 6px, transparent 40px),
    rgb( 0 , 80, 116);}
    33.3%   {background:
      repeating-linear-gradient(150deg, rgba( 0 , 160, 233, 0.25) 0, rgba( 0 , 160, 233, 0.25) 3px, transparent 3px, transparent 6px, rgba( 0 , 160, 233, 0.25) 6px, transparent 40px),
      repeating-linear-gradient(-90deg, rgba(255, 241,  0 , 0.25) 0, rgba(255, 241,  0 , 0.25) 3px, transparent 3px, transparent 6px, rgba(255, 241,  0 , 0.25) 6px, transparent 40px), 
      repeating-linear-gradient( 30deg, rgba(228,  0 , 127, 0.25) 0, rgba(228,  0 , 127, 0.25) 3px, transparent 3px, transparent 6px, rgba(228,  0 , 127, 0.25) 6px, transparent 40px),
    rgb(128, 120,  0 );}
    66.6%   {background:
      repeating-linear-gradient(150deg, rgba( 0 , 160, 233, 0.25) 0, rgba( 0 , 160, 233, 0.25) 3px, transparent 3px, transparent 6px, rgba( 0 , 160, 233, 0.25) 6px, transparent 40px),
      repeating-linear-gradient(-90deg, rgba(255, 241,  0 , 0.25) 0, rgba(255, 241,  0 , 0.25) 3px, transparent 3px, transparent 6px, rgba(255, 241,  0 , 0.25) 6px, transparent 40px), 
      repeating-linear-gradient( 30deg, rgba(228,  0 , 127, 0.25) 0, rgba(228,  0 , 127, 0.25) 3px, transparent 3px, transparent 6px, rgba(228,  0 , 127, 0.25) 6px, transparent 40px),
    rgb(114,  0 , 63);}
}

.quote {
  animation:aniquote 45s infinite;
}
@keyframes aniquote
{
    0%, 100%{background: linear-gradient(rgba(255, 255, 255, 0.5), transparent), rgb(229, 245, 252)}
    33.3%   {background: linear-gradient(rgba(255, 255, 255, 0.5), transparent), rgb(255, 253, 229)}
    66.6%   {background: linear-gradient(rgba(255, 255, 255, 0.5), transparent), rgb(252, 229, 242)}
}

.signature {
  animation:anisignature 45s infinite;
}
@keyframes anisignature
{
    0%, 100%{color: rgb( 0 , 160, 233);}
    33.3%   {color: rgb(191, 180,  0 );}
    66.6%   {color: rgb(228,  0 , 127);}
}