style.css

body {
max-width: 700px;
margin: auto;
background-image: url('https://www.mytimeactive.co.uk/sites/default/files/inline-images/mytime-active-pavilion-november-2014%20%28738%29.jpg');
font-family: 'Permanent Marker', cursive;
font-size: 26px;
}
.title {
	text-align: center;
	margin-top: 45px;
}
.buttons {
	margin-left: 75px;
}
button {
  text-align: center;
	border-radius: 2px;
	margin-top: 20px;
	margin-bottom: 50px;
	background-color: #E54C4D;
	width: 40px;
	height: 26px;
	font-family: 'Permanent Marker', cursive;

}
.notice {
  text-align: center;
  color: #d3313a;
}
.final-score {
  text-align: center;
  color: green;
	padding-bottom: 10px;
	font-family: 'Permanent Marker', cursive;
}
#playagain {
	text-align: center;
	font-family: 'Permanent Marker', cursive;

}
table.scorecard {
  margin: 0 auto 40px;
  width: 80%;
  font-size: 12px;
  border: 1px solid;
  text-align: center;
	table-layout: fixed;
	font-family: 'Permanent Marker', cursive;

}
table.scorecard th,
tr,
td {
  padding: 0;
  vertical-align: middle;
	font-family: 'Permanent Marker', cursive;		
  text-align: center;
}
table.scorecard th {
  border-bottom: 1px solid;
  background-color: #d3313a;
  height: 30px;
  color: #fff
}
table.scorecard th:not(:last-child) {
  border-right: 1px solid;
}
table.scorecard td {
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
}
table.scorecard tr td:not(:last-child) {
  border-right: 1px solid;
}
table.scorecard tr:nth-child(2) td:nth-child(even) {
  border-bottom: 1px solid;
}
table.scorecard tr:nth-child(2) td:last-child {
  border-bottom: 1px solid;
}