@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
.calculator {
 padding: 45px;
 border-radius: 1em;
 height: 600px;
 width: 500px;
 margin: auto;
 background-color: #000000;
 box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.display-box {
 font-family: 'Orbitron', sans-serif;
 background-color: #dcdbe1;
 border: solid black 0.5px;
 color: black;
 border-radius: 5px;
 width: 100%;
 height: 65%;
}
.button {
 font-family: 'Orbitron', sans-serif;
 background-color: #1e1e1e;
 color: white;
 border: solid black 0.5px;
 /* width: 100%; */
 border-radius: 5px;
 height: 55%;
 outline: none;
 margin: 15px;
 width: 95%;
 font-size: 31px;
}
.button:active {
 background: #3a3a3a;
 -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
 -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
 box-shadow: inset 0px 0px 5px #c1c1c1;
}
div#res-data {
    font-size: 20px;
    padding: 0px 15px;
    font-weight: 800;
}