body {
    font-family: sans-serif;
    font-size: 3em;
    margin: 0;
    color: #AAAAAA;
    background-color: #000000;
}

main {
    max-width: 75vh;
    max-height: 100vh;
    aspect-ratio: 9/16;
    margin: 0 25vw 0;
}

.display {
    height: 15vH;
    background-color: #292929;
    text-align: right;
    box-sizing: border-box;
    padding: 1vH;
    font-size: 2.0em;
    overflow-y: hidden;
}

#calculation {
    font-size: 1.2em;
}

.keys {
    width: 100%;
    height: 70vH;
    text-align: center;
    background-color: #151515;
}

td {
    width: 25%;
    background-color: #252525;
}

    td:hover {
        background-color: #333333;
        cursor: pointer;
    }

.deadkey, .deadkey:hover {
    cursor: default
}

    .operator, .deadkey, .deadkey:hover {
        background-color: #202020;
    }

        .operator:hover {
            background-color: #353535;
        }

#equalSign {
    background-color: #000088;
}

    #equalSign:hover {
        background-color: #0000AA;
    }