style.css

html{
    background:black;
    width:100%;
    height:100%;
    text-align:center;
    
    min-width:300px!important;
  }
  .container{
    min-width:100px!important;
    
  }
  .calc-container{
    
    width: 250px!important;
      margin: 0 auto;
      padding: 10px 2px 10px 2px;
      background-color: grey;
    border-radius:10px;
    
    
  }
  .title{
    font-size: 20px!important;
      color: white;
    font-family: monospace;
  }
  .btns{
        margin: 0 0 0 3px;
  }
  button{
    font-family: monospace;
      width: 50px;
      height: 50px!important;
      margin: -3px!important;
    background-color:whitesmoke;
      
      display:inline-block;
      cursor:pointer;
      color:#000000;
      font-size:17px;
      
      text-decoration:none;
    outline: none;
    color: rgba(114,114,114,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: nowrap;
    background: rgba(234,234,234,1);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) , 0 1px 0 0 rgba(0,0,0,0.298039) ;
    box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) , 0 1px 0 0 rgba(0,0,0,0.298039) ;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8) ;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
    
  }
  
  button:hover {
      background-color:whitesmoke;
  }
  button:active {
      /*position:relative;
      top:1px;
    color:none;*/
     position: relative;
    cursor: default;
    top: 1px;
    border: 1px solid rgba(211,211,211,1);
    color: rgba(114,114,114,1);
    background: rgba(247,247,247,1);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) inset, 0 1px 0 0 rgba(0,0,0,0.298039) inset;
    box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) inset, 0 1px 0 0 rgba(0,0,0,0.298039) inset;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  
  .twice{
   width: 98px!important;
  }
  input{
         height: 50px!important;
      width: 236px;
      margin-bottom: 30px;
    text-align:right;
        font-size: 3em;
        background-color: yellowgreen;
    font-family: monospace;
  }