Calculatorbody {
font-family: sans-serif;
}
.calculator {
display: flex;
flex-direction: column;
width: 200px;
margin: 0 auto;
}
.display-box {
background-color: #eee;
padding: 10px;
border-radius: 5px;
}
span {
font-size: 20px;
font-weight: bold;
}
.buttons {
display: flex;
flex-direction: row;
justify-content: space-around;
margin-top: 10px;
}
.operator {
background-color: #999;
width: 40px;
height: 40px;
border-radius: 50%;
color: white;
font-size: 18px;
font-weight: bold;
}
.clear {
background-color: red;
}
.equal {
background-color: green;
}
.number {
width: 80px;
height: 40px;
border-radius: 5px;
border: 1px solid #ccc;
font-size: 18px;
}
