@font-face {
  font-family: League Spartan;
  src: url("../fonts/leaguespartan-bold.eot");
  src: url("../fonts/leaguespartan-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/leaguespartan-bold.woff2") format("woff2"), url("../fonts/leaguespartan-bold.woff") format("woff"), url("../fonts/leaguespartan-bold.ttf") format("truetype"), url("../fonts/leaguespartan-bold.svg#league_spartanbold") format("svg"); }
html {
  margin: 0;
  height: 100%;
  background-color: #4600FF;
  font-size: 100%; }

.footer, .github-link {
  font-family: League Spartan, Segoe UI, Helvetica, sans-serif;
  font-size: 0.6rem; }

.footer {
  opacity: 0.8;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 1%;
  background-color: transparent;
  color: #FFFFFF; }

.github-link {
  color: #00FFD4; }

.navbar {
  margin-top: 1.7%;
  background-color: transparent; }

.navbar-menu {
  margin-right: 4%; }

.navbar-brand {
  margin-left: 4%; }

.navbar-item, .nav-data {
  font-family: League Spartan, Segoe UI, Helvetica, sans-serif;
  font-size: 0.9rem; }

.navbar-item {
  color: #FFFFFF; }

.nav-data {
  color: #00FFD4; }

.nav-right {
  position: absolute;
  right: 1%;
  margin-top: 1.7%; }

.sentence-prompt, .sentence-error, #sentence {
  font-family: League Spartan, Segoe UI, Helvetica, sans-serif;
  font-size: 1.3rem; }

.sentence-prompt {
  color: #00FFD4;
  margin-top: 10%; }

.sentence-error {
  color: #FF899C; }

#sentence {
  color: #FFFFFF;
  padding-left: 25px; }

.input-container {
  width: 45%; }

.typing {
  font-family: League Spartan, Segoe UI, Helvetica, sans-serif;
  filter: drop-shadow(5px 5px 4px #4444dd);
  border: none;
  background-color: #FFFFFF;
  margin: 2% 0 0;
  padding: 30px;
  border-radius: 8px; }

.card {
  padding: 30px;
  border-radius: 8px;
  font-family: League Spartan, Segoe UI, Helvetica, sans-serif; }

.slow-typing {
  color: #FF899C; }

.fast-typing {
  color: #00FFD4; }

/*# sourceMappingURL=app.css.map */