/* ==UserStyle==
@name           TypeRacer Hide Typed Words
@namespace      github.com/narze/userscripts
@version        0.2.0
@description    Hide typed words, make you less distrcted
@author         narze
@homepageURL    https://github.com/narze/userscripts
@updateURL      https://github.com/narze/userscripts/raw/master/userstyles/typeracer.user.css
@license        MIT
@preprocessor   stylus
@var            number lookAheadFadeTime "Fade time to hide next word (Milliseconds)" 500
==/UserStyle== */

/* NOTE: Use with typeracer-helper.user.js */

@-moz-document domain("typeracer.com") {
  .typedWords {
    color: #f0f0f0;
  }

  .fadeOut {
    background-color: #fafafa;
    color: #fafafa;
    -webkit-animation-name: fadeOutAnimation;
    -webkit-animation-duration: lookAheadFadeTime ms;
    animation-name: fadeOutAnimation;
    animation-duration: lookAheadFadeTime ms
  }

  @-webkit-keyframes fadeOutAnimation { from { color: #446666; } to { color: #fafafa; } }

  @keyframes fadeOutAnimation { from { color: #446666; } to { color: #fafafa; } }
}