*{
    margin: 0;
    padding: 0;
}

input.columns.ten{
    position: relative;
    font-size: 30px;
    padding: 30px;
}
.calc-wrap {
    max-width: 100vw;
}

.num-cell, .oper-cell {
    font-weight: 900;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 10ms ease-in-out;
}

.num-cell:active, .oper-cell:active{
    box-shadow: inset -1px -2px 1px #777, inset 1px 0 1px #777  ;
    border: 0;
    height: 100%;
    padding: 7px 11px 7px 10px;
    font-size: 14px;
}

.num-cell {
    background: rgb(116, 230, 224);
}
.oper-cell {
    background: rgb(203, 230, 116);
}
#input {
    text-align: right;
}