div,h1,h3,ul,li,a,p{font-family:Fredoka,sans-serif}#app{width:300px;margin:40px auto 20px}h1{text-align:center;margin-top:50px}a{text-align:center;display:block}h3{text-align:center}h3#redText{color:#de7b7b}h3#greenText{color:#63cb89}ul{height:50px;margin:6px 0;padding:0}li{vertical-align:middle;text-align:center;text-transform:uppercase;border:1px solid #d5d5d5;border-radius:5px;width:18%;height:100%;font-size:2.1em;display:inline-block}._currentRow_h9h4v_47 li{border-bottom:2px solid #a4e5a6}._stateCorrect_h9h4v_50{color:#fff;background-color:#98ddca}._stateWrong_h9h4v_54{color:#fff;background-color:#b9b9b9}._stateWrongSpot_h9h4v_58{color:#fff;background-color:#e3cc8a}