body {
    font-size:16px;
}

.ul-bookmarks {
    font-size:2.4rem;
}

.ul-bookmarks > li {
    margin-bottom: 0.5em;
}

.block-center-h {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.keypad {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.25em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.keypad button,
.keypad + input[type="submit"]
{
    font-size: 2.4rem;
    padding: 0.5em;
    border: 1px solid #000;
    background-color: #f0f0f0;
    cursor: pointer;
    transition: background-color 0.3s;
}

.keypad .btn0 {
    grid-row: 4;
    grid-column: 1/3;
}

.keypad .btn1 {
    grid-row: 3;
    grid-column: 1;
}

.keypad .btn2 {
    grid-row: 3;
    grid-column: 2;
}

.keypad .btn3 {
    grid-row: 3;
    grid-column: 3;
}

.keypad .btn4 {
    grid-row: 2;
    grid-column: 1;
}

.keypad .btn5 {
    grid-row: 2;
    grid-column: 2;
}

.keypad .btn6 {
    grid-row: 2;
    grid-column: 3;
}

.keypad .btn7 {
    grid-row: 1;
    grid-column: 1;
}

.keypad .btn8 {
    grid-row: 1;
    grid-column: 2;
}

.keypad .btn9 {
    grid-row: 1;
    grid-column: 3;
}

.keypad .btn-clear {
    grid-row: 4;
    grid-column: 3;
}