.clock {
  background: #F68657;
  width: 50vmin;
  height: 50vmin;
  border-radius: 50%;
  position: relative;
}
.clock:before {
  content: "";
  position: absolute;
  margin: auto;
  width: 3%;
  height: 12%;
  background: #70bd63;
  left: 0;
  right: 0;
  top: -10%;
  z-index: -1;
  transform: rotate(10deg);
}
.clock:after {
  content: "";
  position: absolute;
  margin: auto;
  width: 8%;
  height: 16%;
  background: #70bd63;
  left: 0;
  right: 15%;
  top: -10%;
  z-index: -1;
  transform: rotate(-40deg);
  border-radius: 100% 30% 50% 0;
}

.middle1 {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5%;
  height: 5%;
  background: rgb(243.9254237288, 106.1084745763, 48.2745762712);
  border-radius: 50%;
  z-index: 1;
}

.middle {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5%;
  height: 5%;
  background: rgb(243.406779661, 99.1355932203, 38.593220339);
  border-radius: 50%;
}
.middle:before {
  content: "";
  position: absolute;
  background: rgb(245.2220338983, 123.5406779661, 72.4779661017);
  width: 80%;
  height: 80%;
  border-radius: 50%;
  left: 400%;
  top: 150%;
  box-shadow: -20vmin -10vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), -10vmin -24vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), 4vmin 10vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), -20vmin 14vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), -30vmin 4vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017);
}
.middle:after {
  content: "";
  position: absolute;
  background: rgb(245.2220338983, 123.5406779661, 72.4779661017);
  width: 90%;
  height: 90%;
  border-radius: 50%;
  left: 400%;
  top: 150%;
  box-shadow: -26vmin -16vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), 6vmin -14vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), -10vmin 8vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), -4vmin 18vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017), 12vmin -5vmin 0 0 rgb(245.2220338983, 123.5406779661, 72.4779661017);
}

.hour, .second, .minute {
  position: absolute;
  margin: auto;
  left: 49%;
  bottom: 50%;
  background: rgb(170.8474576271, 56.9491525424, 9.1525423729);
  width: 2%;
  height: 40%;
  transform: rotate(0);
  transform-origin: 50% 100%;
}

.minute {
  transform: rotate(0);
  height: 48%;
  background: rgb(219.2542372881, 73.0847457627, 11.7457627119);
}

.second {
  background: rgb(248.593220339, 168.8644067797, 135.406779661);
  width: 1%;
  left: 49.5%;
  transform: rotate(0);
  height: 48%;
}/*# sourceMappingURL=clock.css.map */