.clock-display {
  position:relative;
  width:10em;
  height:10em;
  line-height:1.5em;
  margin:1em auto;
  border:0.0625em solid #1669b3;
  border-radius:50%;
  box-shadow:
    inset 0.125em 0.25em 0.5em #0005,
    -0.25em -0.5em 0.5em #b7ddfe,
    0 0 0.0625em 0.5em #1e73be,
    0 0 0.0625em 0.5625em #073d6d,
    0.125em 0.25em 0.5em 0.5em #0004;

  /*box-shadow:
    inset 0.125em 0.25em 0.5em #0005,
    -0.25em -0.5em 0.5em #FFFC,
    0 0 0.0625em 0.5em #777,
    0 0 0.0625em 0.5625em #000,
    0.125em 0.25em 0.5em 0.5em #0004;*/
}

.clock-display *,
.clock-display *:before,
.clock-display *:after {
  box-sizing:border-box;
  background-clip:padding-box;
}

.clock-display:before,
.clock-display:after,
.clock-display b:before,
.clock-display b:after {
  position:absolute;
  width:1.5em;
  text-align:center;
}

.clock-display b {
  position:absolute;
  top:4.25em;
  width:100%;
}

.clock-display:before,
.clock-display:after {
  left:4.25em;
}

.clock-display:before {
  content:"12";
  top:0;
}

.clock-display:after {
  content:"6";
  bottom:0;
}

.clock-display b:before {
  left:0;
  content:"9";
}

.clock-display b:after {
  right:0;
  content:"3";
}

.clock-display span {
  position:absolute;
  top:0;
  left:4.9375em;
  width:0.125em;
  height:100%;
}

.clock-display span + span {
  transform:rotate(90deg);
}

.clock-display i,
.clock-display span:before,
.clock-display span:after {
  position:absolute;
  top:0.5em;
  left:0;
  width:100%;
  height:9em;
}

.clock-display span:before,
.clock-display span:after {
  content:"";
  border-style:solid;
  border-color:#000;
  border-width:0.5em 0;
  transform:rotate(30deg);
}

.clock-display span:after {
  transform:rotate(60deg);
}

.clock-display i {
  z-index:2;
  left:4.85em;
  width:0.3em;
  background-color:#000;
  border:solid transparent;
  border-width:0 0 3em;
  border-radius:40%;
}

.clock-display i:first-of-type {
  border-width:1.5em 0 3em;
}

.clock-display i:last-of-type {
  background-color:#1e73be; /*boja crvene kazaljke*/
}

.clock-display i:last-of-type:before,
.clock-display i:last-of-type:after {
  content:"";
  position:absolute;
  border-radius:50%;
}

.clock-display i:last-of-type:before {
  top:4em;
  left:-0.375em;
  width:1em;
  height:1em;
  background:#000;
}

.clock-display i:last-of-type:after {
  top:4.25em;
  left:-0.125em;
  width:0.5em;
  height:0.5em;
  background:#ABC;
}