#display {
    background-color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: xx-large;
    height: 80px;
    width: 98%;
    margin: auto;
    border-radius: 8px;
    border: 1px solid #000000;
}

.frame {
    width: max-content;
    margin: auto;
    padding:15px 10px;
    border-radius: 8px;
    border: 1px solid #000000;
}

.row{
    display: flex;
    justify-content: space-between;
    margin: 10px auto;
}

.btn {
    padding: 5px;
    border: black;
    width: 22%;
    text-align: center;
    font-size: 5rem;
    border-radius: 30%;
    transition-duration: 0.4s;
    display: inline-block;
    background-color: #34a438;
    color: white;
}

.btn:hover {
    background-color: #2e2e2e;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}

.btn-clear {
    padding: 5px;
    border: black;
    width: 22%;
    text-align: center;
    font-size: 5rem;
    border-radius: 30%;
    transition-duration: 0.4s;
    display: inline-block;
    background-color: #d40f0f;
    color: white;
}

.btn-clear:hover {
    background-color: #7c0101;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}