#microscope {
	display: none;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	background-color: black;
	z-index: 1000;
}

#microscopeImage {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 460px;
	height: 460px;
}


#microscopeClose{
	float:right;
	width:50px;
	height:40px;
	border:none;
	background-color: #444444;
	color:#000000;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
  	font-size: 1.4em;
  	font-weight: bold;
}

#microscopeClose:hover{
	color:#888888;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}