body {
            color: #000000;
            background-color: #fff0d0;
            font-family: arial, sans-serif;
        }
        h3, h5 {
            color: #008800;
			font-size: 12pt;
        }
        h1, h2 {
            align-content: center;
			text-align: center;
        }
	 table {
			font-family: arial, sans-serif;
			border-collapse: collapse;
			width: auto;
			margin:30px auto;
		}
		
		td, th {
			border: 1px solid #000000;
			text-align: center;
			padding: 8px;
			width:300px;
			word-wrap:break-word;
		}
		img.center {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		  /*width: 75%*/
		}
		figure {
		  border: 1px IndianRed solid;
		  padding: 4px;
		  margin: auto;
		}

		figcaption {
		  background-color: IndianRed;
		  color: white;
		  font-style: italic;
		  padding: 2px;
		  text-align: center;
		}
		
		.click-zoom input[type=checkbox] {
		  display: none
		}

		.click-zoom img {
		  margin: 100px;
		  transition: transform 0.25s ease;
		  cursor: zoom-in
		}

		.click-zoom input[type=checkbox]:checked~img {
		  transform: scale(2);
		  cursor: zoom-out
		}
		
		/* To implement click-zoom on image, insert in HTML page: */
		/*
		<div class="click-zoom">
		  <label>
			<input type="checkbox">
			<img class="center" src="NGC 4725 20211217-055001ar.png">
		  </label>
		</div>
		*/