/* Add hover effect for the anchor links */
.session-link {
	text-decoration: none; /* Remove default link styles */
	color: inherit; /* Inherit text color */
	display: block; /* Make the entire div clickable */
	width: 100%; /* Ensure the link fills the div */
	height: 100%; /* Ensure the link fills the div */
	padding: 10px; /* Ensure the padding remains */
	box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
  }
  
.session-link:hover {
	background-color: #fbb615; /* Hover color */
	color: #000; /* Change text color on hover if needed */
	transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}
  
/* Existing styles */
.parent {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(13, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	max-width: 100%; 
	margin: auto; 
	padding: 30px; 
	background-color: #f7f7f7;
}
	
.div1 { grid-area: 2 / 1 / 3 / 2; }
.div2 { grid-area: 3 / 1 / 4 / 2; }
.div3 { grid-area: 4 / 1 / 5 / 2; }
.div4 { grid-area: 5 / 1 / 6 / 2; }
.div5 { grid-area: 6 / 1 / 7 / 2; }
.div6 { grid-area: 7 / 1 / 8 / 2; }
.div7 { grid-area: 8 / 1 / 9 / 2; }
.div8 { grid-area: 9 / 1 / 10 / 2; }
.div9 { grid-area: 10 / 1 / 11 / 2; }
.div10 { grid-area: 11 / 1 / 12 / 2; }
.div11 { grid-area: 12 / 1 / 13 / 2; }
.div12 { grid-area: 13 / 1 / 14 / 2; }
.div13 { grid-area: 1 / 2 / 2 / 6; }
.div14 { grid-area: 4 / 2 / 5 / 3; }
.div15 { grid-area: 5 / 2 / 6 / 3; }
.div16 { grid-area: 6 / 2 / 7 / 5; }
.div17 { grid-area: 7 / 2 / 11 / 3; }
.div18 { grid-area: 7 / 3 / 11 / 4; }
.div19 { grid-area: 11 / 2 / 13 / 3; }
.div20 { grid-area: 11 / 3 / 14 / 4; }
.div21 { grid-area: 4 / 5 / 12 / 6; }

.div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9, .div10, .div11, .div12, .div13, .div14, .div15, .div16, .div17, .div18, .div19, .div20, .div21, .div22, .div23 {
	border: 2px solid #ffffff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0; /* Removed the padding from the divs */
}
	
.div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9, .div10, .div11, .div12 {
	background-color: #004b60;
	color: #ffffff;
}
  
.div13 {
	background-color: #f7f7f7;
	color: #1c1c1c;
	border: 0px;
}
.div14 {
	background-color: #954b94;
	color: #ffffff;
}
.div15 {
	background-color: #00aeef;
	color: #ffffff;
}
.div16 {
	background-color: #00a171;
	color: #ffffff;
}
.div17, .div18, .div20 {
	background-color: #be1e2d;
	color: #ffffff;
}
.div19 {
	background-color: #00aeef;
	color: #ffffff;
}
.div21 {
	background-color: #004b60;
	color: #ffffff;
}

/* Responsive design */
@media (max-width: 768px) {
	.parent {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(26, 1fr);
	}
}