body {
	background: black;
	overflow:hidden;
	margin:0;
	padding:0;
	font-family:sans-serif;
	cursor:none;
        
       position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
	}
	#container {
    color:darkgrey;
	bottom:center;
    left:center;
    z-index:+2;
        border: 2px solid darkgrey;
        border-radius: 10px;
        width: 401px;
	}
small{font-size: 75%;
color: dimgrey;}
a {
    cursor: crosshair;
}


.container {
  position: relative;
  width: 100%;
}

.image {
  opacity: 1;
  display: block;
  width: 399px;
  height: 265px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

#heart {
    width: 399px;
    height: 265px;
}