.fade-in{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}

}

.found {
}

.picturediv {
	display: inline-block;
	position: relative;
	border: 2px solid gray;
	border-radius: 5px;
	margin: 5px;
}

.picture {
	width: 200px;
	height: 200px;
}

.found >img {
	background-color:light-gray;
    opacity: 0.4;
}

div.found {
	background-color: #ccffcc;
}

.picturediv >i {
	visibility:hidden;
}

.found >i {
	visibility: visible;
}

H2 {
	justify: center;
}

.container {
	border-rad: 5;
	background-color: light-green;
	border: 2px solid white;
	border-radius: 25px;
    	padding: 10px; 
}

.checkmark {
	position: absolute;
	left:80px;
	top:80px;
	color: green;
}