html, body, .fullHeight { 
  margin:0; 
  padding:0; 
  height:100%; 
  font-size: 24px;
}

div {
    text-align: center;
}

img {
    width: 100px;
}

button {
    margin-left: 20px;
}

@media (min-width: 625px) {
    /*body {
        background-color: #999;
    }*/

}

.centerContent {
    background-color: #FFF; 
    height: 100%;
}

.centerContent h2 {
    margin-top: 5%;
}

.calc-button {
   /*Step 2: Basic Button Styles*/
	display: block;
	height: 53px;
	width: 57px;
	background: #555;
	border: 1px solid rgba(58, 38, 32, 0.59);
    border-radius: 5px;
	
	/*Step 3: Text Styles*/
	color: #e4e4e0;
	text-align: center;
    font-family: 'Work Sans', sans-serif;
    line-height: 48px;
	
	/*Step 4: Fancy CSS3 Styles*/
	border-radius: 3px;
    box-shadow: inset 0 -2px 4px rgba(0,0,0,0.3), /*bottom internal shadow*/
    inset 0 2px 4px rgba(255,255,255,0.5); /*top internal highlight*/
}

#calculator {
    border: 1px solid rgba(0, 0, 0, 0.5); 
    width: 300px; 
    height: 450px; 
    margin: 20px auto;
    background-color: #CDC5C0;
    border-radius: 5%;
	/*box-shadow: 2px 2px 1px #777;*/
    box-shadow: inset 0 -3px 15px rgba(0,0,0,0.7), /*bottom internal shadow*/
    inset 0 3px 6px rgba(255,255,255,1), /*top internal highlight*/
    5px 5px 18px rgba(0,0,0,0.7); /*top internal highlight*/
}

.calc-button-wide {
    width: 128px;
}

.calc-button-tall {
    height: 118px;
    position: relative;
    top: -64px;
    line-height: 110px;
}

a.calc-button {
	text-decoration: none;
    margin: 0 0.2px;
}

.calc-row {
    margin-bottom: 10px;
}

.calc-row:first-child {
    margin-top: 5px;
}

#keypad {
    /*border: 1px solid black;*/
    width: 90%;
    height: 70%;
    margin: 7% auto;
}

* {
    /*border: 1px solid red;*/
}

.wood {
    background-size: 40px 160px, 60px 29px, 27px 27px;
    background-color: #6c2505;
    background-image: 
                    linear-gradient(
                        97deg, 
                        rgba(91,33,5,.1) 0%,
                        rgba(83,29,4,0.32) 23%,
                        rgba(74,24,3,.41) 47%,
                        rgba(80,27,5,0.44) 70%,
                        rgba(81,27,5,0.59) 74%,
                        rgba(93,33,4,0.2) 83%,
                        rgba(115,43,3,.5) 100%),
                    linear-gradient(90deg, #541c09 50%, transparent 50%),
                    linear-gradient(90deg, #7a2e00 50%, #632401 50%);
}

#output {
    border: 1px solid rgba(74,24,3,.41);
    width: 90%;
    height: 15%;
    margin: 7% auto 0;
    border-radius: 5px;
    background-color: #170303;
    color: #dececb;
    text-align: center;
}

#results, #mathProblem {
    text-align: right;
    padding-right: 5px;
}

#mathProblem {
    font-size: 12px;
}

a:hover, a:focus, a:active, a:visited {
    text-decoration: none !important;
}

#overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1000000;
  background: url('opaque.png');
  color: white;
  line-height: 700px;
}