body{
    background: no-repeat;
    background-image: url(fondo.jpg);
    background-size: cover;
}

.calculadora{
    
    border: rgb(199, 94, 176) 6px outset;
    border-radius: 20px;
    border-radius: 20px;
    width: 390px;
    margin: auto;
    padding: 10px;

    background-color: rgb(250, 212, 241);
}

@font-face{
    font-family: 'DS-Digital';
    src: url("DS-DIGI.TTF");
}

#display{
    line-height: 80px;
    text-align: right;
    width: 370px;
    height: 80px;
    background-color: rgb(147, 147, 147);
    background-image: url(rugido.webp);
    background-size: cover;
    border: solid;
    border-radius: 20px;
    border-color: rgb(82, 20, 69);
    margin: 6px;
    padding: 2px;
    font-family: 'DS-Digital';
    font-size: 40px;
    color: white;
    margin-bottom: 30px;
}

.digito{
    background-image: url('boo.png');
    background-size: cover;
    background-color: rgb(201, 167, 225);
    border: rgb(245, 175, 230) 5px outset;
}

.operation{
    border: rgb(227, 93, 198) 5px outset;
    background-color: rgba(233, 88, 192, 0.872);
}

button{
    Font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
    width: 62.5px;
    height: 62.5px;
    margin: 6px;
    padding: 2px;
    border-radius: 10px;
    font-size: 30px;
}

#clear{
    background-image: url('sully.png');
    background-size: cover;
    border: rgb(66, 179, 191) 5px outset;
    background-color: rgba(135, 218, 250, 0.934);
}

#clearone{
    background-image: url('sully.png');
    background-size: cover;
    border: rgb(66, 179, 191) 5px outset;
    background-color: rgba(135, 218, 250, 0.934);
}

#elevar{
    border: rgb(227, 93, 198) 5px outset;
    background-color: rgba(233, 88, 192, 0.872);
}

#porcentaje{
    border: rgb(227, 93, 198) 5px outset;
    background-color: rgba(233, 88, 192, 0.872); 
}

#sqrt{
    border: rgb(227, 93, 198) 5px outset;
    background-color: rgba(233, 88, 192, 0.872);
}

#igual{
    background-image: url('mike.png');
    background-size: cover;
    border: rgb(51, 179, 113) 5px outset;
    background-color: rgba(133, 232, 171, 0.934);
}

#coma{
    background-image: url('randall.webp');
    background-size: cover;
    background-color: rgb(190, 121, 239);
    border: rgb(161, 97, 238) 5px outset;
}