* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
}
body {
  background: rgba(255, 255, 255, 0);
}
div {
  display: block;
  position: absolute;
}
.layout {
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.eye {
  width: 600px;
  height: 300px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #FFE0B2;
  overflow: hidden;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
}
.eye .eyelid-top {
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0px;
  background: #FFB74D;
  transition: 0.5s;
  z-index: 3;
}
.eye .eyelid-bottom {
  width: 100%;
  height: 100%;
  bottom: -100%;
  left: 0px;
  background: #FFB74D;
  transition: 0.5s;
  z-index: 3;
}
.shadow {
  width: 600px;
  height: 300px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #FFE0B2;
  overflow: hidden;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
  z-index: 1;
  background: #BCAAA4;
  transform: translate(-50%, -58%) rotate(-5deg);
}
.shadow .eyelid-top {
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0px;
  background: #FFB74D;
  transition: 0.5s;
  z-index: 3;
}
.shadow .eyelid-bottom {
  width: 100%;
  height: 100%;
  bottom: -100%;
  left: 0px;
  background: #FFB74D;
  transition: 0.5s;
  z-index: 3;
}
.pupil {
  width: 280px;
  height: 280px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #37474F;
  border: 50px solid #C5E1A5;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  z-index: 2;
}
.pupil .shine {
  width: 50px;
  height: 50px;
  top: 20%;
  left: 20%;
  border-radius: 50%;
  background: #FFF;
}
.eyelashes1,
.eyelashes2,
.eyelashes3 {
  width: 10px;
  height: 200px;
  background: #666;
  z-index: 2;
}
.eyelashes1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -120%);
}
.eyelashes2 {
  top: 50%;
  left: 40%;
  transform: translate(-50%, -100%) rotate(-45deg);
}
.eyelashes3 {
  top: 50%;
  left: 60%;
  transform: translate(-50%, -100%) rotate(45deg);
}