.anclock {

  min-height: 22em;

  min-width: 20em;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #1e1f26;

  background-image: url("https://imvpn22.github.io/analog-clock/clock.png");

  background-position: center center;

  background-size: 100%;

  border-radius: 50%;

  border: 4px solid #1e1f26;

  box-shadow: 0 -15px 15px rgba(255, 255, 255, 0.05),

    inset 0 -15px 15px rgba(255, 255, 255, 0.05), 0 15px 15px rgba(0, 0, 0, 0.3),

    inset 0 15px 15px rgba(0, 0, 0, 0.3);

  transition: all ease 0.2s;

}

.anclock:before {

  content: "";

  height: 0.75rem;

  width: 0.75rem;

  background-color: #1e1f26;

  border: 2px solid #1e1f26;

  position: absolute;

  border-radius: 50%;

  z-index: 1000;

  transition: all ease 0.2s;

}

.anhour,

.anmin,

.ansec {

  position: absolute;

  display: flex;

  justify-content: center;

  border-radius: 50%;

}

.anhour {

  height: 10em;

  width: 10em;

}

.anhour:before {

  content: "";

  position: absolute;

  height: 50%;

  width: 6px;

  background-color: #0dbd19;

  border-radius: 6px;

}

.anmin {

  height: 12em;

  width: 12em;

}

.anmin:before {

  content: "";

  height: 50%;

  width: 4px;

  background-color: #0dbd19;

  border-radius: 4px;

}

.ansec {

  height: 13em;

  width: 13em;

}

.ansec:before {

  content: "";

  height: 60%;

  width: 2px;

  background-color: #f00;

  border-radius: 2px;

}