*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 50px;
}
button{
   
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 50px;
    cursor: pointer;
    border: 0.5px solid darkcyan;
    color: darkcyan;
    transition: all 1s ease;
}
button:hover{
    background-color: cyan;
    color:darkcyan;
}
   
main{
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.calculadora{

    width: 500px;
   
    border: 0.5px solid gray;
    border-radius: 5px;

    

}
.info{
    width: 100%;
    height: 60px;
    padding: 0 30px;
    background-color: darkcyan;
    color: cyan;
    text-align: right;
    overflow: hidden;
  
}
.teclado{
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap:5px;

}