h1{
    color:#f87706;
    text-align:center;
}


.calculator {
    padding: 10px;
     border-radius: 1px;
     height: 380px;
     width: 500px;
     margin: auto;
     background-color: #230222;
     box-shadow: rgba(82, 75, 75, 0.19) 0px 10px 20px, rgba(122, 82, 171, 0.23) 0px 6px 6px;
    }

  
    .display-box {
    font-family: 'Orbitron', sans-serif;
    background-color: #dcdbe1;
     border: solid rgb(177, 232, 12) 0.5px;
     color: black;
     border-radius: 5px;
     width: 98%;
     height: 65%;
    }
    
    #btn {
    color: #0aecf4;
    }
    
    input[type=button] {
     font-family: 'Orbitron', sans-serif;
     background-color: #64278f;
     color: rgb(238, 255, 2);
     border: solid black 0.5px;
     width: 100%;
     border-radius: 5px;
     height: 70%;
     outline: yellow;
    }
    
    input:active[type=button] {
     background: #1bde21;
     box-shadow: inset 0px 0px 5px #f83232;
    }