/* HTML STYLES */
body {
    margin: 50px;
}

/* CALCULATOR STYLES */
.calculator {
    width: 600px;
}

.display {
    background-color: rgb(27, 18, 18);
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    width: 100%;
    text-align: right;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.display-item {
    padding-right: 15px;
    font-size: 24px;
}

.button-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    background-color: lightgray;
    color: #444;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#zero {
    grid-column: 1/3;
}

/* BUTTON STYLES */
.btn {
    padding: 20px;
    font-size: 20px;
}
.btn-ops {
    background-color: darkorange;
    color: white;
}

#clear-entry,
#clear-all {
    background-color: pink;
}