body {
    font-family: "Montserrat", Helvetica, sans-serif;
    /* color: white; */
}
h1,h2,h3,h4,h5 {
    font-family: "League Spartan", Helvetica, sans-serif;
}

.step{

}
.hidden-step{
    display: none;
}

.row .char{
    font-weight: bold;
    width: 35px;
    font-size: 32px;
    display: inline-block;
    padding: 5px;
}

#message{
    font-style: italic;
}

label{
    font-weight: bold;
}
#controls{
    margin-top:20px;
}
button{
    color:white;
    font-family:"Montserrat", Helvetica, sans-serif;
    font-weight: bold;
    border: none;
    background-color: #2b3371;
    border-radius: 10px;
    padding: 5px;
}
button:hover{
    background-color: #8d5fa2;
}
button:active{
    background-color: #36a1c7;
}
button:disabled{
    background-color: #7b7f82;
}

#results label{
    display: inline-block;
    width: 150px;
}
#results span{
    font-family: 'Courier New', Courier, monospace;
}