.line {
    margin:0.1em;
    display:flex;
    flex-direction:row;
    justify-content:center;
}

.syllable {
    margin:0.2em;
    width:2.55em;
    height:3.1em;
    display:flex;
    flex-direction:column;
    justify-content:center;
    outline:2px solid gray;
    background-color:lightgray;
}

.jamo {
    margin:2px;
    outline:1px solid gray;
    display:grid;
    flex-direction:column;
    cursor:default;
    align-items:center;
    text-align:center;
    overflow:hidden;
    background-color:white;
}

.key {
    width:2em;
    height:2em;
    border-radius:0.4em;
    margin:0.05em;
    background-color:lightgray;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:default;
}