body {
  background: #fff;
  color: #555;
  font-family: monospace;
  font-size: 18px;
  margin: 0;
}

img {
  display: block;
  width: 100%;
}

input[type=checkbox] {
  display: none;
}

label {
  cursor: pointer;
  display: inline-block;
  margin-right: 1em;
  padding: 0.4em 0;
}

input[type=checkbox] + label:before {
  background: #555;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  position: relative;
  top: 1px;
  width: 16px;
}

input[type=checkbox]:checked + label:before {
  background: #00ffaa;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  max-height: 80%;
  padding: 10px;
  position: relative;
}

#p8 {
  margin-top: 101px;
  margin-left: 0px;
}

#p8 img {
  width: 100%;
}

#p1 {
  margin-top: 600px;
  margin-left: 320px;
}

#p1 img {
  width: 80%;
}

#p2 {
  margin-top: 415px;
  margin-left: 120px;
}

#p2 img {
  width: 80%;
}

#p3 {
  margin-top: 392px;
  margin-left: 0px;
}

#p3 img {
  width: 80%;
}

#p4 {
  margin-top: 400px;
  margin-left: 550px;
}

#p4 img {
  width: 80%;
}

#p5 {
  margin-top: 400px;
  margin-left: 1350px;
}

#p5 img {
  width: 70%;
}

#p5_1 {
  margin-top: 210px;
  margin-left: 140px;
}

#p5_1 img {
  width: 70%;
}

#p6 {
  margin-top: 184px;
  margin-left: 370px;
}

#p6 img {
  width: 70%;
}

#p7 {
  margin-top: 241px;
  margin-left: 50px;
}

#p7 img {
  width: 70%;
}

#p9 {
  margin-top: 350px;
  margin-left: 600px;
}

#p9 img {
  width: 80%;
}

#p10 {
  margin-top: 300px;
  margin-left: 1200px;
}

#p10 img {
  width: 80%;
}

#p11 {
  margin-top: 120px;
  padding-left: 1350px;
}

#p11 img {
  width: 70%;
}

#p12 {
  margin-top: 30px;
  padding-left: 350px;
}

#p12 img {
  width: 70%;
}/*# sourceMappingURL=styles.css.map */