body {
	background-color: black; 
    color: white;
	text-indent: 8%;
	text-align: left;
	font-size: 1.18em;
	font-family: Courier;
	font-weight: normal;
	margin-left: 20%;
	margin-right: 20%;
}
/*Page Title*/
h1 { 
	background-color: black; 
	font-weight: normal;
	text-indent: 0%;
	font-family: "IBM Plex Mono", monospace;
	color: white;
	text-align: center;
	
}

/*left heading;*/
h2 { 
	text-align: left;
	text-indent: 10%;
	font-weight: bold;
	font-size: x-large;
}

/*left font*/
h3 { 
    color: white;
	text-indent: 0%;
	text-align: left;
	font-size: 1em;
	font-family: Courier;
	line-height:22px;
	font-weight: normal;
	margin-left: 10%;
	margin-right: 10%;
}

/*small heading font */
h4 { 
	font-family: Courier;
	font-size: 1.4em;
	margin-top: 3;
	text-indent: 0%;
	margin-left: 0%;
	font-weight: normal;
	color: white;
	text-align: center;	
}

/*center font*/
h5 { 
    color: white;
	text-align: center;
	font-size: large;
	font-weight: normal;
	margin-bottom: 0;
	margin-bottom: 0;
	text-indent: 0%;
	margin-left: 5%;
  border-width: 5px;
  border-color: White;
	margin-right: 5%;
	font-family: Courier;
}

/*indented left*/
h6 { 
    color: white;
	text-align: center;
    text-indent: 0px; /* Indent by 50 pixels */
	font-size: medium;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0%;
	margin-right: 0%;
	
 // font-style: italic;
	font-family: "IBM Plex Mono", monospace;
}

.click-zoom input[type=checkbox] {
  display: none
}

.click-zoom img {
	width: 30%;
	border-width: 1px;
	border-style:solid;
	border-color: White;
	height: auto;
	transition: transform 0.25s ease;
	cursor: zoom-in
}

.click-zoom input[type=checkbox]:checked~img {
  transform: scale(4);
  cursor: zoom-out
}