html {
  font-size: 100%;
  height: 100%;
  font: #fff;

}

h2 {
	margin-bottom: -5px;
	
	font-family: 'Questrial', sans-serif;
	color: white;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.7);
}

.wrapper {
     margin: 0 auto;
     width: 100%;
     text-align: center;
}

.container {
	background-color: #5d5d5d;
	background-size: cover;
	border-radius: 10px;
	position: absolute;
  	width: 410px;
  	height: 524px;
  	top: 15%;
  	left: 37%;
  	margin-top: 20px;
  	box-shadow: 2px 2px 2px  2px black;
}

table, th, td {
  border: none;
  border-spacing: 15px;
  border-radius: 5px;
  border-collapse: separate;  
  padding: 12px;
  text-align: center;
  font-family: 'Questrial', sans-serif;
}

td {
  width: 55px;
  height:20px;
  font-size:20px;
  box-shadow: 2px 2px 2px black;
  color: white;
  cursor: pointer;
  background-color: #333;
}

td:active {
  box-shadow: 2px 2px 2px black inset;
}

.display td {
  height: 80px;
  max-width: 500px;
  overflow: hidden;
  text-align: right;
  font-size: 35px;
  background-color: white;
  color: #000;
}

.clear {
	background-color: #8B0000;
}
.wrapper p {
  margin-top:-5px;
}