html{
    box-sizing: border-box;
    height: 99%;
}

*{
    background-color: rgb(0, 0, 0);
    color: white;
    font-size: 25px;
}

p{
    font-size: 25px;
    margin-right: 35px;
    margin-left: 35px;
    color: rgb(114, 180, 247);
    font-family: 'Times New Roman', Times, serif;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
}

button{
    background-color: black;
    border-radius: 5px;
    /* border-color: rgb(93, 167, 185); */
    border-color: rgb(101, 49, 136);
    width: 60px;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}
    /* borde externo, contiene las dos secciones */
    .all_section{
        border: solid 1px;
        padding: 30px;
        border-radius: 10px;
    }

    /* borde de resultado */
    .pantalla_resultado{
        background-color: rgb(0, 0, 0);
        text-align: right;
        padding: 2px;
        border-radius: 300px;
        border: solid 1px;
        margin-top: 1px;
        margin-bottom: 1px;
        height: 60px;

    }

    /* borde que contiene el borde de los botones */
    .all_btn{
        background-color: rgb(0, 0, 0);
        border: solid 1px;
        margin-bottom: 10px;
        padding: 30px;
        border-radius: 10px;
    }

    /* contiene a todos los botones */
    .filas_botones{
        background-color: rgb(0, 0, 0);
        width: 235px;
        height: auto;
        border: 3px;
    }

    .verde_button{
        background-color: rgb(55, 148, 55);
        border-color: white;
    }

    .rojo_button{
        background-color: rgb(165, 37, 37);
        border-color: white;
    }

body{
    align-items: center;
    display: flex;
    font-family: 'Dosis', sans-serif;
    font-display: swap;
    height: inherit;
    align-items: center;
    justify-content: center;
}