body {
    font-family: sans-serif;
    font-size: 1.5rem;
    background-color: white;
}

p {

    margin: auto;
    text-align:center;
    margin-bottom:25px;
    padding:5px;
}
img {
    max-width: 50vw;
    max-height: 25vw;
    display: block;
    margin: auto;
}
section {
    display: flex;
    flex-flow: row wrap;
    max-width: 40vw;
    margin: auto;
    align-items: baseline;
}
#explanation {

    font-size: .8rem;
    font-style: italic;
    display: inline;
    clear: none;
    
}
#clickMeBtn {
    padding: 5px 20px;
    margin: 10px auto;
    float: right;
}
#doBackupBtn {
    padding: 5px 20px;
    margin: 10px auto;
}
#clearDataBtn {
    padding: 5px 20px;
    margin: 10px auto;
}

#greeting {
    margin: 10px auto;
    padding: 10px 60px;
    border: 1px solid #222;
}
#historyBuffer {
    margin: 10px auto;
    padding: 10px 60px;
    border: 1px solid #222;
    overflow-x: auto;
}
#historyStable {
    margin: 10px auto;
    padding: 10px 60px;
    border: 1px solid #222;
    overflow-x: auto;
}

#historyHash {
    margin: 10px auto;
    padding: 10px 60px;
    border: 1px solid #222;
    overflow-x: auto;
}

#historyTrie {
    margin: 10px auto;
    padding: 10px 60px;
    border: 1px solid #222;
    overflow-x: auto;
}

#greeting:empty {
    display: none;
}