@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-image: url(./images/brain-2062055_1280.jpg);
}
.container{
    position: absolute;
    top: 15%;
    left: 60%;
    background-color: rgba(9, 240, 144, 0.281);
    height: 560px;
    width: 487px;
    border-radius: 10px;
    border: 4px solid black;
    box-shadow: 8px 8px 6px 6px rgba(14, 5, 5, 0.849);

}
.calculator{
    position: absolute;
    top: 6%;
    left: 11%;
}

.result{
    font-size: 40px;
    height: 65px;
    width: 363px;
    border-radius: 6px;
    background-color: rgba(7, 201, 7, 0.99999);
    /* font-family: 'digital-clock-font'; */
    font-family: 'Orbitron', sans-serif;
    margin-bottom: 13px;
    border: 3px solid black;
    text-align: right;
}

button{
    height: 62px;
    font-size: 29px;
    width: 87px;
    border-radius: 14px;
    margin: 3px 1px;
    background-color: black;
    color: white;
    box-shadow: 1px 1px 1px 1px black;
}
button:hover{
    height: 62px;
    font-size: 26px;
    width: 87px;
    border-radius: 14px;
    margin: 3px 1px;
    background-color: rgba(14, 5, 5, 0.849);
    color: white;
    box-shadow: 1px 1px 1px 1px black;
}
/* .btn_z{
    width: 160px;
} */

.btn_E{
    width: 170px;
    background-color: rgba(248, 106, 12, 0.993);
}
.btn_E:hover{
    width: 170px;
    background-color: rgba(248, 163, 6, 0.918);
}
.btn_C{
    background-color: rgb(216, 14, 14);
}
.btn_C:hover{
    background-color: rgb(160, 7, 7);
}

.btn_g{
    background-color: rgb(150, 145, 145);
}
.btn_g:hover{
    background-color: rgb(99, 95, 95);
}