*,
*::before
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-color: #779f8c;
    text-align: center;
}
.container{
    margin: center 10px;
}
.row{
    width: 100%;
    height:60px;
}
.zero,.one, .two, .three, .four, .five {
    margin: 10px 0 0 0;
}
button {
    color: rgb(5, 5, 5);
    width: 53px;
    height: 53px;
    border:none;
    background: rgb(140, 143, 154);
    box-shadow: 5px 5px 10px rgb(163, 157, 163), -5px -5px 10px rgb(187, 175, 175);
    font-size: 15px;
    margin-left: 20px;
    outline: rgb(37, 72, 154);
    font-family: comic sans, fantasque sans, optima;
    border-radius: 20%;
}
button:active{
    box-shadow: 1px 1px 2px rgb(54, 182, 56), -1px -1px 2px rgb(69, 54, 133);
}
.back{
    width: 115px;
    border-radius: 10px;
}
.tab{
    width: 85px;
    border-radius: 10px;
}
.slace{
     width:85px;
     border-radius: 10px;
}
.cap{
    width:100px;
    border-radius: 10px;
}
.enter{
    width:110px;
    border-radius: 10px;
}
.shift{
    width:120px;
    border-radius: 10px;
}
.other{
    width:78px;
    border-radius: 10px;
}
.space{
    width:300px;
    border-radius: 10px;
}