body { background: #A7A49F; font-size: 0px; margin: 0; border: 0px solid black; padding: 0; }
table { font-size: 0px; width:  100%; height: 100%; }
table, tr, td { text-align:  center; vertical-align: middle; }
@keyframes cameleon {
    0% { color: #534F4E; border: 2px solid #534F4E; }
    1% { color: #534F4E; border: 2px solid #534F4E; }
    2% { color: #534F4E; border: 2px solid #534F4E; }
    3% { color: #CDC936; border: 2px solid #CDC936; }
    4% { color: #8EC734; border: 2px solid #8EC734; }
    5% { color: #D77313; border: 2px solid #D77313; }
    6% { color: #DC972D; border: 2px solid #DC972D; }
    7% { color: #CDC936; border: 2px solid #CDC936; }
    8% { color: #DC972D; border: 2px solid #DC972D; }
    9% { color: #F2DD92; border: 2px solid #F2DD92; }
    10% { color: #F5ED88; border: 2px solid #F5ED88; }
    11% { color: #F2DD92; border: 2px solid #F2DD92; }
    12% { color: #FBA811; border: 2px solid #FBA811; }
    13% { color: #F5ED88; border: 2px solid #F5ED88; }
    14% { color: #8EC734; border: 2px solid #8EC734; }
    15% { color: #8EC734; border: 2px solid #8EC734; }
    16% { color: #F2DD92; border: 2px solid #F2DD92; }
    17% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    18% { color: #605C59; border: 2px solid #605C59; }
    19% { color: #F2DD92; border: 2px solid #F2DD92; }
    20% { color: #534F4E; border: 2px solid #534F4E; }
    21% { color: #D77313; border: 2px solid #D77313; }
    22% { color: #605C59; border: 2px solid #605C59; }
    23% { color: #CDC936; border: 2px solid #CDC936; }
    24% { color: #605C59; border: 2px solid #605C59; }
    25% { color: #FBA811; border: 2px solid #FBA811; }
    26% { color: #605C59; border: 2px solid #605C59; }
    27% { color: #605C59; border: 2px solid #605C59; }
    28% { color: #8EC734; border: 2px solid #8EC734; }
    29% { color: #D77313; border: 2px solid #D77313; }
    30% { color: #F5ED88; border: 2px solid #F5ED88; }
    31% { color: #979003; border: 2px solid #979003; }
    32% { color: #F2DD92; border: 2px solid #F2DD92; }
    33% { color: #DC972D; border: 2px solid #DC972D; }
    34% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    35% { color: #F5ED88; border: 2px solid #F5ED88; }
    36% { color: #F5ED88; border: 2px solid #F5ED88; }
    37% { color: #8EC734; border: 2px solid #8EC734; }
    38% { color: #DC972D; border: 2px solid #DC972D; }
    39% { color: #CDC936; border: 2px solid #CDC936; }
    40% { color: #F5ED88; border: 2px solid #F5ED88; }
    41% { color: #CDC936; border: 2px solid #CDC936; }
    42% { color: #FBA811; border: 2px solid #FBA811; }
    43% { color: #979003; border: 2px solid #979003; }
    44% { color: #DC972D; border: 2px solid #DC972D; }
    45% { color: #DC972D; border: 2px solid #DC972D; }
    46% { color: #CDC936; border: 2px solid #CDC936; }
    47% { color: #8EC734; border: 2px solid #8EC734; }
    48% { color: #534F4E; border: 2px solid #534F4E; }
    49% { color: #8EC734; border: 2px solid #8EC734; }
    50% { color: #F5ED88; border: 2px solid #F5ED88; }
    51% { color: #534F4E; border: 2px solid #534F4E; }
    52% { color: #D77313; border: 2px solid #D77313; }
    53% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    54% { color: #979003; border: 2px solid #979003; }
    55% { color: #DC972D; border: 2px solid #DC972D; }
    56% { color: #534F4E; border: 2px solid #534F4E; }
    57% { color: #534F4E; border: 2px solid #534F4E; }
    58% { color: #F5ED88; border: 2px solid #F5ED88; }
    59% { color: #534F4E; border: 2px solid #534F4E; }
    60% { color: #D77313; border: 2px solid #D77313; }
    61% { color: #8EC734; border: 2px solid #8EC734; }
    62% { color: #979003; border: 2px solid #979003; }
    63% { color: #979003; border: 2px solid #979003; }
    64% { color: #D77313; border: 2px solid #D77313; }
    65% { color: #F5ED88; border: 2px solid #F5ED88; }
    66% { color: #FBA811; border: 2px solid #FBA811; }
    67% { color: #CDC936; border: 2px solid #CDC936; }
    68% { color: #F5ED88; border: 2px solid #F5ED88; }
    69% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    70% { color: #F5ED88; border: 2px solid #F5ED88; }
    71% { color: #534F4E; border: 2px solid #534F4E; }
    72% { color: #FBA811; border: 2px solid #FBA811; }
    73% { color: #8EC734; border: 2px solid #8EC734; }
    74% { color: #8EC734; border: 2px solid #8EC734; }
    75% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    76% { color: #DC972D; border: 2px solid #DC972D; }
    77% { color: #CDC936; border: 2px solid #CDC936; }
    78% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    79% { color: #DC972D; border: 2px solid #DC972D; }
    80% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    81% { color: #605C59; border: 2px solid #605C59; }
    82% { color: #FBA811; border: 2px solid #FBA811; }
    83% { color: #979003; border: 2px solid #979003; }
    84% { color: #979003; border: 2px solid #979003; }
    85% { color: #DC972D; border: 2px solid #DC972D; }
    86% { color: #D77313; border: 2px solid #D77313; }
    87% { color: #979003; border: 2px solid #979003; }
    88% { color: #DC972D; border: 2px solid #DC972D; }
    89% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    90% { color: #8EC734; border: 2px solid #8EC734; }
    91% { color: #F2DD92; border: 2px solid #F2DD92; }
    92% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    93% { color: #979003; border: 2px solid #979003; }
    94% { color: #FBA811; border: 2px solid #FBA811; }
    95% { color: #8EC734; border: 2px solid #8EC734; }
    96% { color: #FBA811; border: 2px solid #FBA811; }
    97% { color: #CDC936; border: 2px solid #CDC936; }
    98% { color: #EFDAAC; border: 2px solid #EFDAAC; }
    99% { color: #8EC734; border: 2px solid #8EC734; }
    100% { color: #534F4E; border: 2px solid #534F4E; }
}

div.uidb {
  padding: 10px 20px 10px 20px;
  font-family: "Exo";
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
}

div.uidb {
  animation-duration: 700s;
  animation-name: cameleon;
  animation-direction: normal;
  animation-iteration-count: infinite;
}