body{background-color: rgba(95, 233, 233, 0.808);}



.main {
  border: 6px groove rgb(15, 13, 13);
  width: 202px;
  margin: 0 auto;
  margin-top: 100px;
  
}

.result {
  width: 96%;
  position: relative;
  top: 5px;
  background-color: rgb(36, 255, 244);
  color: #0e0d0d;
}

.clearBtn {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 8px;
  background-color: rgb(10, 9, 9);
  padding: 8px;
  color: #ffffff;
}

.btn {
  background-color: rgb(5, 5, 5);
  width: 45px;
  margin: 1px;
  padding: 5px;
  color: #ffffff;
}

.halfBtn {
  background-color: rgb(8, 8, 8);
  color: #ffffff;
  width: 98.5px;
  margin-top: 5px;
  padding: 5px;
}



.btn:hover{background-color: aqua;}

.clearBtn:hover{background-color: aqua;}
.halfBtn:hover{background-color: aqua;}