@charset "UTF-8";

* {
  padding: 0;
  margin: 0;
}

body { background-color:#222;}
h1 { text-align:center; margin:150px auto 30px auto; text-align:center; color:#fff;}
.zwrap {
  width: 300px;
  height: 400px;
  position: relative;
  display: block;
  margin:30px auto;
  border:1px solid #fff;
  border-radius:5px;
}

.zwrap .zimg {
  width: 300px;
  height: 400px;
}

.zmagnifier {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background-image: url(http://lorempixel.com/500/625/people/1);
  background-repeat: no-repeat;
  cursor: none;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.8), 0 0 7px 7px rgba(0, 0, 0, 0.3), inset 0 0 40px 2px rgba(0, 0, 0, 0.3);
}