html{
    scroll-padding-top: 5rem; 
}

.header-shadow {
  text-shadow: 2px 2px 5px black;
}

.color-blue-dark {
	color: #0c266e;
}

.color-white-all {
	color: #ffffff;
}

.background-color-green-checked {
	background-color: #52c41b;
}

.text-color-green-checked {
	color: #52c41b;
}

.zoom_image {
  	transform-origin: 50% 65%;
  	transition: transform 5s, filter 3s ease-in-out;
  	filter: brightness(105%);
  	margin: 0 auto;
}

.zoom_image:hover {
	filter: brightness(93%);
  	transform: scale(1.01); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom_background {
  	transform-origin: 50% 65%;
  	transition: transform 5s, filter 3s ease-in-out;
  	filter: brightness(108%);
  	margin: 0 auto;
}

.zoom_background:hover {
	filter: brightness(96%);
  	transform: scale(1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}