body {
  font-family: sans-serif;
  text-align: center;
  background: #f0f0f0;
}

.exercise-container {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}

#exercise-image {
	width: 792px;
	max-width: 100%;
}

.click-zone {
	position: absolute; /*take the dimis from the img*/;
	width: 1750px;
	height: 332px;
	cursor: pointer;
	border: 0px transparent dashed;
	top: 5px;
	left: 5px;
	max-height: 100%;
	max-width: 100%;
}

.click-zone:hover {
  border-color: #888;
}

.nav-buttons {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 40px;
}

.nav-button {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.nav-button img {
  width: 60px;
  height: auto;
  vertical-align: middle;
  transition: transform 0.2s ease;
}

.nav-button img:hover {
  transform: scale(1.1);
}
.content-link {
	font-size: 18px;
	color: #0078D4;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 6px;
	display: inline-block;
	float: left;
}

.c_x1 {
	display: inline-block;
	margin-bottom: 20px;
}