@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');


#calc {
    display: grid;
    grid-template-columns: repeat(4, 100px);
    grid-template-rows: repeat(6, 100px);
    gap: 10px;
    background: #1F1F1F;
    width: fit-content;
    margin: 0 auto;
    margin-top: 50px;
    border-radius: 10px;
    padding: 20px;

}

#calc p{
    grid-column: 4;
    color: white;
    font-family: Inter;
    font-size: 45px;
    grid-column: span 4;
    height: 90px;
    text-align: end;
    padding-right: 10px;
    background: #A7AF7C;
    margin: 5px 30px;
    border-radius: 10px;
    overflow: auto;
}


.span-four {
    grid-column: span 2;
}

button {
    background: red;
    color: white;
    font-family: Inter;
    border: none;
    outline: none;
    font-size: 50px;
    border-radius: 20px;
}