body{
    color: #fff;
    font-size: 30px;
    font-family: system-ui;
    background-color: black;
}
.calculator {
    background-color: black;
    padding: 10% 5%;
    border-radius: 30px;
}
.calculator_enter p{
    text-align: end;
    font-size: 80px;
    padding-bottom: 10px;
    margin: 0;
}
.calculator_input {
    display: grid;
    grid-template-areas:
        "AC plusMinus percent division"
        "seven eight nine X"
        "four five six minus"
        "one two three plus"
        "zero zero comma equals";
    gap: 10px ;
 }
.btn.zero{
    grid-area: zero;
    width: 100%;
}
.btn {
    padding: 14px 0;
    border-radius: 30px;
    background-color: #5B5757;
    text-align: center;
}
.btn_grey{
    background-color: #a49f9f;
}
.btn_orange{
    background-color: #e17d00;
}
.btn_active{
    background-color: #ffffff;
    color: #e17d00;
}
.btn:hover{
    filter: brightness(130%);
}