kbd {
    display: inline-block;
    margin: 0 .1em;
    padding: .1em .6em;
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #3a3d41;
    text-shadow: 0 1px 0 #FFFFFF;
    background-color: #eff0f1;
    border: 1px solid #c7cacd;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(34,36,38,0.2),0 0 0 2px #FFFFFF inset;
    white-space: nowrap;
}

.plus {
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    font-size: 16px;
}

#welcome {
    display: none;
}

#complete {
    disabled: 'true';
    display: none;
}

[data-bracket] {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
[data-bracket]:after {
  content: "";
  display: block;
  height: 6px;
  border: 2px solid black;
  border-top: none;
}
[data-bracket]:before {
  content: attr(data-bracket);
  position: absolute;
  top: 100%;
  font-size: 80%;
  padding: 5px;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%)
}