.keypad-and-results {
    display: flex;
    flex-wrap: wrap;
}

input[type="text"] {
    font-family: 'Anonymous Pro', monospace;
    font-size: x-large;
    width: 90%;
    margin: 0.6em 0.2em;
    padding: 0.4em 0.6em;
    border: 1px dashed gray;
}

input[type="button"], button {
    font-family: 'Anonymous Pro', monospace;
    font-size: large;
}

.keypad {
    padding-right: 3em;
    padding-bottom: 3em;
}

.keypad button {
    width: 2.5em;
    height: 2.5em;
}

.calculator-output {
}

.calculator-output p, .calculator-output p a {
    font-family: 'Anonymous Pro', monospace;
}

.grayout {
    color: gray;
}

.loader {
    margin-top: 0.2em;
    margin-bottom: 2em;
}

.result {
    font-family: 'Anonymous Pro', monospace;
    margin-top: 0;
    font-size: 300%;
}

.note {
    margin-top: 0;
    max-width: 16em;
    padding-bottom: 2em;
}

.calculator-output a {
    cursor: pointer;
}

.calculator-output a span {
    color: blue;
}

pre {
    font-size: 0.9em;
    font-family: 'Anonymous Pro', monospace;
}