body{
    background-color: rgb(105, 163, 173)
}
h1{
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 75px;
    color: rgba(15, 55, 73, 0.897);
    margin-top: 70px; 
}
h3{
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 42px;
    color: rgba(241, 222, 180, 0.726);
    margin-top: 70px; 
}
h3 a{
    text-decoration: none;
    color: rgba(224, 223, 219, 0.767);
    color: rgba(15, 55, 73, 0.897)
}
.corpo{
    width: 400px;
    height: 520px;
    margin: 60px auto;
    border: 2px solid black;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: rgba(105, 107, 106, 0.637);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.75);
}
/* .tela*/ .tela1 , .tela2{ 
    background-color: rgba(35, 37, 37, 0.877);
    border-radius: 9px;
    margin: 8px auto;
    margin-left: 8px; 
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.925);
    text-align: right; 
}
.tela1{
    width: 380px;
    height: 90px;
    margin-top: 0;
    font-size: 50px;
    padding: 10px;
    padding: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.tela2{
    width: 380px;
    height: 40px;
    font-size: 28px;
    margin-bottom: 0;
    padding: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.blocoBotoes{
    margin-left: 2px;
    width: 100%;
    height: 78.9%;
    border-radius: 9px;
    background-color: transparent;
}

.botao{
    height: 70px;
    width: 95px;
    margin-top: 3px;
    font-size: 25px;
    font-weight: 400;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #63B8EE;
    border: 0;
}

.botao:hover {
    background: #468CCF;
    background: linear-gradient(top,  #468CCF,  #63B8EE);
    background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
    background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
    background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}
.blocoBotoes > .c{
    background-color: rgba(245, 180, 59, 0.87)!important;
}
.blocoBotoes > .c:hover{
    background: rgb(207, 152, 70);
    background: linear-gradient(top,  rgb(207, 186, 70),  rgb(238, 194, 99));
    background: -ms-linear-gradient(top,  rgb(207, 193, 70),  rgb(238, 201, 99));
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(207, 152, 70)), to(rgb(238, 224, 99)));
    background: -moz-linear-gradient(top,  rgb(207, 175, 70),  rgb(238, 212, 99));
}
#zero{
    width: 194px;
}