* {
margin: 0;
padding: 0;
}
body {
background-color: #000;
font-family: "Open Sans", sans-serif;
}
button:active, button:focus {
outline: none;
}
button::-moz-focus-inner {
border: 0;
}
.calc-container {
background-color: #fff;
width: 360px;
height: 600px;
margin: 80px auto;
}
.calc-container #output {
width: 100%;
height: 100px;
border: none;
text-align: right;
font-size: 24px;
}
.buttons {
display: flex;
}
.btn {
width: 90px;
height: 100px;
border: none;
background-color: #fff;
}
.btn.yellow {
background-color: yellow;
}
.btn:hover {
background-color: #f0f0f0;
}
.btn.yellow:hover {
background-color: #F0F000;
}
#zero {
width: 180px;
}