body{

font-family: Arial, Helvetica, sans-serif;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

background: #222;

}

.calculator {

    background: #333;

    padding: 20px;

    border-radius: 25px;

    width: 325px;
}

#display{

    width: 100%;

    height: 65px;

    font-size: 25px;

    font-weight: bold;

    text-align: right;

    padding: 0 15px;

    margin-bottom: 15px;

    border-radius: 10px;

    border: none;

    outline: none;

    background: #e6e6e6;

    color: #555;

    box-sizing: border-box;


}


.buttons {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 15px;

    width: 100%;
}


button {

    height: 70px;

    width: 70px;

    font-size: 18px;

    border: none;

    border-radius: 50%;

    background: #555;

    color: white;

    cursor: pointer;
}

button:last-child {

    background: orange;
}

.operator{

     background: #ff9500;

    color: white;
}