html,body{margin:0;background:#222;}
input{outline:none;}
#calcBtn{filter: drop-shadow(0px 5px 4px black);transition: width 0.2s ease-in-out, height 0.2s ease-in-out;position:fixed;bottom:10px;left:10px;width:60px;height:60px;border:3px black solid;border-radius:10px;background:rgb(180,180,180);}
#calcMenu{opacity:0.9;position:fixed;text-align:center;width:200px;height:inherit;padding:10px;border-radius:10px;background:black;top:100vh;transition:top 0.2s ease-in-out;left:10px;border:2px red solid;filter: drop-shadow(0px 5px 4px red);}
#calcMenu input{font-family:'Comfortaa';font-size:x-large;background:black;color:white;border:none;height:40px;width:-webkit-fill-available;margin:3px;text-align:right;}
#calcBtns{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);}
#calcBtns button{filter:drop-shadow(0px 2px 3px #313131);font-family:'Comfortaa';border-radius:50%;cursor:pointer;padding:3px;margin:3px;height:40px;width:40px;border:none;background:#313131;color:white;transition:background 0.2s ease-in-out;}
#calcBtns button:disabled{background:rgba(255,255,255,0.3);}
#calcBtn:hover{width: 120px; height: 120px;}
button.orangeBtn{background: #f69906!important;color: #ffffff!important;filter:drop-shadow(0px 2px 3px #f69906);}
button.greyBtn{background:#a0a0a0!important;color:black!important;filter:drop-shadow(0px 2px 3px #a0a0a0);}