body
{
    font-family: 'Times New Roman', Times, serif;
    background: rgb(6,1,27);
    width: 100%;
    height: 800px;
   
}
.calculator-main
{
    width: 100%;
    height: 800px;
    
    margin-top: 150px;
}
.calculator-main h2
{
    color:rgb(109, 239, 124);
    text-align: center;
    margin-top: 50px;
    font-size: 30px;
    font-family: Bookman Old Style;
    
    
}
.calculator-main h2:hover
{
    color: #fc8282;
    cursor: pointer;
}
.calculator {
    padding: 10px;
    border-radius: 1em;
    height: 380px;
    width: 400px;
    margin: auto;
    background-color: #191b28;
    box-shadow: 0px 5px 50px 0px #6ed1f5;
}
.calculator:hover
{
    box-shadow: 0px 5px 50px 0px #fc8282;
}

.display-box {
    font-family: 'Orbitron', sans-serif;
    background-color: #dcdbe1;
    border: solid black 0.5px;
    color: black;
    border-radius: 5px;
    width: 100%;
    height: 65%;
}

#btn {
    background-color:rgb(248, 85, 88);
    box-shadow: 0px 5px 20px 0px #fff;
}
#btn:hover
{
    cursor: pointer;
}
input[type=button] {
    font-family: 'Orbitron', sans-serif;
    background-color: #dad5d5;
    color:black;
    border: solid rgb(158, 15, 15) 0.5px;
    width: 100%;
    border-radius: 5px;
    height: 70%;
    outline: none;
    cursor: pointer;
}

input:active[type=button] {
    background: #e5e5e5;
    -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
    -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
    box-shadow: inset 0px 0px 5px #c1c1c1;
}