@charset "utf-8";
/* CSS Document */
#potatohead {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.potato-head-part {
  position: absolute;
  z-index: 2;
}

#eyes {
  top: 20%;
  left: 33%;
}

#nose {
  top: 40%;
  left: 50%;
}

#smile {
  top: 60%;
  left: 50%;
}

#eyes-eyelashes {
  top: 20%;
  left: 33%;
}

#glasses {
  top: 20%;
  left: 33%;
}

#goatee {
  top: 60%;
  left: 40%;
}

#green-cap {
  top: 5%;
  left: 50%;
}

#left-arm {
  top: 50%;
  left: 25%;
}

#left-ear {
  top: 30%;
  left: 20%;
}

#moustache {
  top: 55%;
  left: 45%;
}

#ponytail {
  top: 10%;
  left: 50%;
}

#purple-shoes {
  top: 90%;
  left: 40%;
}

#right-arm {
  top: 50%;
  left: 75%;
}

#right-ear {
  top: 30%;
  left: 80%;
}

#smile-lipstick {
  top: 60%;
  left: 50%;
}

#sneakers {
  top: 90%;
  left: 60%;
}

#stocking-cap {
  top: 5%;
  left: 50%;
}

#sunglasses {
  top: 20%;
  left: 33%;
}