.maindisplay {
    background: #06081882;
    height: calc(100% / 3);
    padding: 10px !important;
    font-size: 4rem;
    text-align: right;
    font-family: Courier, monospace;
    overflow: auto;
    border-radius: 5px;
    .subdisplay {
        height: 20px;
        font-size: 2rem;
        overflow: auto;
    }
}

.keypad {
    height: calc(200% / 3);
}

.one-line {
    display: inline-block;
}

.keypad {
    display: flex;
    flex-wrap: wrap;
    .keys {
        padding: 10px;
        border-radius: 5px;
        margin: 5px;
        background: #030614eb;
        font-size: 20px;
        text-align: center;
        box-shadow: 0px 0px 6px -1px #000;
        width: 25px;
        min-height: 20px;
        &.twice {
            width: 82px;
        }
    }
}
