body, div, input, button {
    padding:0;
    margin:0;    
}

body {
  background-color: #9C9F84;
  
}

#calculator {
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/410958/calctransparentclean.png');
  background-size:100% auto;
  background-repeat:no-repeat;
  background-color: #9C9F84;
	width: 340px;
	height: 530px;
  margin: 0px auto;
	padding: 5px;
}

#display {
    height: 35px;
    width: 188px;
    margin:auto;
    background-color:transparent;
    opacity:.72;
    margin: 158px 76px 40px;
    text-align: right;
    line-height: 38px;
    font-size: 30px;
    padding: 0 4px 0 5px;
    border-radius: 7%;
    font-family: 'Orbitron', sans-serif; 
     -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Safari */
    transform: rotate(.8deg);
}
#display.on {
  background: rgba(0,255, 50, .3);
  box-shadow: inset 0px 0px 12px 0px #b1ffc0;
}
.buttons {
  -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Safari */
    transform: rotate(.3deg);
}

button {
  background-color:transparent;
  border: none;
  padding:none;
  margin:none;
  border-radius: 20px;
}
button:focus {
   outline:none !important;
}

button img:hover {
   opacity:.92;  
}
button img:active {
  transform:scale(1.05,1.05);
    -webkit-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
}

button img {
  display:block;
  width: 57px;
  height: 50px; 
  float: left;
  border-radius: 15px;
  background: transparent;
  opacity: 1;
}

.button-text {
  display:none;
}


#special {
  position:relative;
   margin:auto;
  float: left;
  padding-left:49px;
}
#badcols {
  position:relative;
   margin:auto;
  float: left;
  padding-left: 34px;
  padding-right: 59px; 
}
#operators{
  float:left;
  margin: auto;
  padding-left:0px;
  
}
#numbers {
 padding-right: 0px; 
}