/*Boxen Formatierung*/
@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@300&display=swap');

h1{
	text-align: center;
}

body{
	background:url(https://staticg.sportskeeda.com/editor/2021/12/e4e9b-16391829173007-1920.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	position: relative;
}

.MC_Kiste{
	margin: 2em;
	width: 20em;
	height: 20em;
}

button {
	background-color: transparent;
	border-color: transparent;
}

p {
	font-family: 'Gemunu Libre', sans-serif;
}

.chests{
	display: grid;
	  grid-template-columns: repeat(7, 1fr);

	width:100%;
	height:100%;
}

.MC_Kiste:focus,
.MC_Kiste:hover {
	border-radius: 50%;
	box-shadow:
	  inset 0 0 50px #fff,      /* inner white */
	  inset 20px 0 80px #f0f,   /* inner left magenta short */
	  inset -20px 0 80px #0ff,  /* inner right cyan short */
	  inset 20px 0 300px #f0f,  /* inner left magenta broad */
	  inset -20px 0 300px #0ff, /* inner right cyan broad */
	  0 0 50px #fff,            /* outer white */
	  -10px 0 80px #f0f,        /* outer left magenta */
	  10px 0 80px #0ff;         /* outer right cyan */
  }