style.css

html {
  padding-left: 45%;
  margin-top: 10%;
}
body {
  background-color: #DB9EA6;
}

h1 {
  font-family: monospace;
  color: #1C181F;
  font-size: 19pt;
  font-weight: lighter;
  text-align: center;
  background: #8B3A62;
  border-bottom: 3px dashed #A46582;
  width: 190px;
}
button {
  background-color: #fce4ec; color: #000000;
  font-size: 12pt;
  font-family: monospace;
  text-align: center;
  text-decoration: none;
  border: none;
  padding: 15px 51px;
  display: inline-block;
}
button:hover {
  background: #C51162;
}
.mineboard {
	display: table;
	width: 100%;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.35)
}
.mineRow {
	display: table-row;
}
.mineCell {
  border: 1px solid #F8BBD0;
  display: table-cell;
  padding: 9px 14px;
  background: #EE799F;
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: inset 0 2px 3px rgba(255,255,255,0.3),
  inset 0 -2px 3px rgba(0,0,0,0.3),
  0 1px 1px rgba(255,255,255,0.9);
}
.mineBody {
  display: table-row-group;
}
#mineCell {
  border: 1px solid #F8BBD0;
  display: table-cell;
  padding: 9px 14px;
  background: #EE799F;
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: inset 0 2px 3px rgba(255,255,255,0.3),
  inset 0 -2px 3px rgba(0,0,0,0.3),
  0 1px 1px rgba(255,255,255,0.9);
}

/*
.img {
  width: 13px;
  height: 13px;
  background-image: url('images/bomb.png');
  margin: 0 auto;
  display: none;
}*/