body{
    margin:0px;
    padding:0px;
    background-color:#b3d9ff;
}
.calculator{
    color:black;
    display:block;
    margin-top:50px;
    text-align:center;
}
.calculator-container{
background-color:#1a1a00;
width:300px;
height:500px;
display:block;
margin-left:auto;
margin-right:auto;
border-radius:10px;
}
.calculator-screen{
    width:250px;
    height:80px;
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
    background-color:antiquewhite;
    border-radius:10px;
    border:2px solid black;
    box-shadow:0 0 3px white;
    font-size:30px;
}
.buttons-container{
    display:flex;
   flex-wrap:wrap;
   justify-content: space-between;
  padding:20px;
  margin-left:4px;
  margin-bottom:40px;

}
.btn{
    flex:0 0 22%;
    margin:7px 0;
     border:2px solid #000;
     width:60px;
     height:52px;
     font-size:22px;
     border-radius:50px;
    cursor:pointer;
    margin-bottom:4px;
    box-shadow:0 0 3px yellow;
}
.btn-special{
    background-color:#ff8c1a;

}
.btn-equal{
    background-color:#00cc00;
}
.btn:hover{
    border-radius:5px;
    transition:0.5s;
    cursor:pointer;
    box-shadow:0 0 10px #ffff66;
    border-width:5px;
}