body {
        font-family: sans-serif;
        background-image: url("plazma.png");
        background-repeat: repeat;
      }

#puzzle-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-gap: 10px;
	margin: 50px auto;
	width: 300px;
	height: 300px;
	background-color: #eee;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.puzzle-piece {
	background-size: cover;
	background-position: center;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}

.puzzle-empty {
	background-color: #fff;
}

#reset-btn {
	display: block;
	margin: 20px auto;
	padding: 10px 20px;
	font-size: 18px;
	background-color: #3d9970;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}

#reset-btn:hover {
	background-color: #2ecc71;
}