html {
  height: 100%;
  --tg-onboarding-max-width: 300px;
  --tg-spotify-connect-max-width: 450px;
  --tg-default-max-width: 960px;
  --tg-default-padding: 20px;
  --tg-background-color: white;
  --tg-top-bar-height: 60px;
  --tg-top-bar-bottom-border: 2px;
  --tg-top-bar-z-index: 100;
  --tg-font-family-mono: 'Roboto Mono', monospace;
  --tg-font-family-sans: 'Roboto', monospace;

  --mdc-theme-primary: black;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: rgb(245, 67, 54);
  --mdc-theme-on-secondary: white;
}

body {
  font-family: var(--tg-font-family-mono);
  min-height: 100%;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
}

@-webkit-keyframes animation {
    0%     {color:#FF2A57;}
    50%  {color:#B22AFF;}
    /* 33.3%  {color:#B22AFF;} */
    /* 66.6%  {color:#FFC52A;} */
    100.0%  {color:#FF2A57;}
}

@keyframes animation {
    0%     {color:#FF2A57;}
    50%  {color:#B22AFF;}
    /* 33.3%  {color:#B22AFF;} */
    /* 66.6%  {color:#FFC52A;} */
    100.0%  {color:#FF2A57;}
}

/* a, a:visited {
  -webkit-animation-name: animation;
  -webkit-animation-duration: 60s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;

  animation-name: animation;
  animation-duration: 20s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: running;
  color: #FF2A57;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: inherit;
} */