#scoreboard {
  margin-top: 1em; }
  @media screen and (min-width: 550px) {
    #scoreboard {
      margin-top: 0em;
      position: absolute;
      top: 0px;
      right: 0px;
      text-align: right; } }

#feedback {
  background: #003C7C;
  color: #FFF;
  text-align: center;
  border-radius: 1em;
  margin-top: 30px;
  margin-bottom: 1em;
  padding: .5em 1em;
  opacity: 0;
  transition: opacity .5s; }

#keyboard {
  text-align: center; }
  #keyboard li {
    margin-bottom: 1em; }
    #keyboard li a {
      color: #FFF;
      background: #69c627;
      border-radius: 1ex;
      border: 1px solid #69c627;
      cursor: pointer;
      display: inline-block;
      padding: 1em; }
      #keyboard li a:active {
        background: #FFF;
        color: #69c627; }
      #keyboard li a sup {
        display: inline-block;
        padding-left: .5ex;
        padding-right: .5ex;
        margin-top: -1ex;
        font-family: courier, monospace; }
      #keyboard li a sub {
        display: inline-block;
        padding-right: .5ex;
        margin-left: -1.7ex;
        margin-bottom: -1ex;
        font-family: courier, monospace; }

#fueltank {
  border: 1px solid #003C7C;
  padding: 10px 0px;
  text-align: center;
  font-weight: stronger;
  color: #FFF;
  font-size: 150%;
  text-shadow: -1px -1px 2px #003C7C, 1px -1px 2px #003C7C, -1px 1px 2px #003C7C, 1px 1px 2px #003C7C;
  position: relative;
  box-sizing: border-box; }
  #fueltank span {
    position: relative;
    z-index: 1; }
  #fueltank #fuel {
    position: absolute;
    z-index: 0;
    background: #003C7C;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    transition: width .7s; }

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