body {
  background-image: url("img/crimson_isle.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.grid {
  display: grid;
  grid-template-columns: repeat(99, 1fr);
  grid-gap: 0.5em;
  text-align: center;

}

.grid-item {
  margin: 12px;
  background: #595350;
  padding: 1em;
  text-align: center;
  width: 70px;
  height: 70px;
  border: 3px dashed crimson;
}
.bronze {
	color: #946200;
}
.silver {
	color: #c0c0c0;
}
.gold {
	color: #FFD700;
}
.diamond {
	color: #b9f2ff;
}
.wrong{
	color: #FF0000;
}
p {
  color: blue;
  background: #595350;
}