html {
    font-size:16px;
    font-family:sans-serif;
}
#hangman {
    width: 800px;
    margin: 30px auto;
}

#word {
    letter-spacing: 5px;
    font-size: 2rem;
    padding: 30px 20px;
    border: 3px black solid;
    text-align: center;
}

#letters {
    padding: 20px 50px;
}

#letters button {
    padding: 10px;
    margin: 10px;
}

#output {
    display: flex;
    width: 100%;
    margin-bottom:30px;
}

#output .step {
    width: calc(100% / 8);
    border-right:3px #fff solid;
}

#output .step {
    opacity: 0.1;
}

#output .step img {
    width:100%;
}

#category {
    text-align:center;
    padding: 30px 0px;
    text-transform:uppercase;
}