Skip to content

Instantly share code, notes, and snippets.

@teocci

teocci/clock.svg

Last active December 23, 2021 09:25
Show Gist options
  • Save teocci/ec1a4c21bd0fdd745c2d2bcbfbd646bc to your computer and use it in GitHub Desktop.
Save teocci/ec1a4c21bd0fdd745c2d2bcbfbd646bc to your computer and use it in GitHub Desktop.
Download ZIP
clock.svg
Display the source blob
Display the rendered blob
Raw
clock.svg
<?xml version="1.0" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="test" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100">
<style>
.clock {
fill: none;
stroke: #000;
stroke-width: 4;
}
.hour {
stroke: #000;
stroke-linecap: round;
stroke-width: 3;
}
.minute {
stroke: #000;
stroke-linecap: round;
stroke-width: 1.5;
}
.hands {
display: none;
}
.hands:target {
display: block;
}
.default {
display: block;
}
:target ~ .default {
display: none;
}
</style>
<defs>
<line id="hour-hand" class="hour" x1="0" y1="0" x2="0" y2="-20"/>
<line id="minute-hand" class="minute" x1="0" y1="0" x2="0" y2="-40"/>
</defs>
<circle class="clock" cx="50" cy="50" r="48"/>
<g class="hands" id="12:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(0.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(1 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(1.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(2 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(2.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(3 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(3.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(4 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(4.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(5.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(6.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(7 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(7.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(8 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(8.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(9 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(9.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(10 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(10.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(11 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(11.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(12.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(13 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(13.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(14 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(14.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(15 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(15.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(16 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(16.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(17 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(17.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(18.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(19 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(19.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(20 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(20.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(21 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(21.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(22 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(22.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(23 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(23.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(24.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(25 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(25.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(26 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(26.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(27 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(27.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(28 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(28.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(29 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="12:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(29.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(30.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(31 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(31.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(32 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(32.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(33 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(33.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(34 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(34.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(35 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(35.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(36.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(37 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(37.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(38 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(38.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(39 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(39.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(40 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(40.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(41 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(41.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(42.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(43 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(43.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(44 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(44.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(45 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(45.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(46 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(46.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(47 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(47.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(48.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(49 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(49.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(50 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(50.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(51 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(51.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(52 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(52.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(53 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(53.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(54.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(55 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(55.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(56 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(56.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(57 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(57.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(58 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(58.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(59 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="1:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(59.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(60.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(61 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(61.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(62 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(62.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(63 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(63.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(64 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(64.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(65 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(65.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(66.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(67 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(67.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(68 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(68.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(69 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(69.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(70 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(70.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(71 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(71.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(72.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(73 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(73.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(74 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(74.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(75 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(75.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(76 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(76.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(77 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(77.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(78.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(79 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(79.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(80 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(80.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(81 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(81.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(82 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(82.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(83 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(83.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(84.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(85 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(85.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(86 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(86.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(87 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(87.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(88 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(88.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(89 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="2:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(89.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(90.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(91 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(91.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(92 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(92.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(93 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(93.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(94 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(94.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(95 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(95.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(96.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(97 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(97.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(98 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(98.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(99 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(99.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(100 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(100.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(101 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(101.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(102.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(103 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(103.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(104 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(104.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(105 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(105.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(106 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(106.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(107 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(107.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(108.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(109 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(109.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(110 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(110.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(111 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(111.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(112 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(112.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(113 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(113.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(114.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(115 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(115.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(116 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(116.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(117 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(117.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(118 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(118.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(119 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="3:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(119.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(120.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(121 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(121.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(122 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(122.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(123 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(123.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(124 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(124.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(125 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(125.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(126.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(127 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(127.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(128 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(128.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(129 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(129.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(130 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(130.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(131 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(131.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(132.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(133 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(133.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(134 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(134.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(135 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(135.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(136 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(136.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(137 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(137.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(138.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(139 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(139.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(140 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(140.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(141 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(141.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(142 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(142.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(143 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(143.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(144.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(145 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(145.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(146 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(146.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(147 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(147.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(148 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(148.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(149 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="4:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(149.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(150.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(151 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(151.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(152 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(152.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(153 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(153.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(154 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(154.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(155 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(155.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(156.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(157 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(157.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(158 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(158.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(159 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(159.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(160 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(160.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(161 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(161.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(162.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(163 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(163.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(164 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(164.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(165 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(165.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(166 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(166.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(167 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(167.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(168.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(169 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(169.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(170 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(170.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(171 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(171.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(172 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(172.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(173 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(173.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(174.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(175 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(175.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(176 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(176.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(177 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(177.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(178 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(178.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(179 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="5:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(179.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(180.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(181 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(181.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(182 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(182.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(183 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(183.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(184 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(184.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(185 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(185.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(186.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(187 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(187.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(188 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(188.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(189 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(189.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(190 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(190.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(191 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(191.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(192.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(193 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(193.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(194 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(194.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(195 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(195.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(196 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(196.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(197 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(197.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(198.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(199 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(199.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(200 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(200.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(201 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(201.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(202 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(202.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(203 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(203.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(204.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(205 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(205.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(206 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(206.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(207 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(207.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(208 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(208.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(209 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="6:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(209.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(210.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(211 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(211.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(212 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(212.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(213 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(213.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(214 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(214.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(215 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(215.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(216.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(217 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(217.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(218 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(218.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(219 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(219.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(220 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(220.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(221 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(221.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(222.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(223 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(223.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(224 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(224.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(225 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(225.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(226 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(226.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(227 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(227.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(228.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(229 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(229.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(230 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(230.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(231 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(231.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(232 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(232.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(233 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(233.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(234.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(235 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(235.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(236 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(236.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(237 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(237.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(238 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(238.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(239 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="7:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(239.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(240.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(241 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(241.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(242 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(242.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(243 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(243.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(244 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(244.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(245 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(245.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(246.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(247 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(247.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(248 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(248.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(249 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(249.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(250 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(250.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(251 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(251.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(252.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(253 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(253.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(254 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(254.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(255 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(255.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(256 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(256.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(257 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(257.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(258.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(259 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(259.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(260 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(260.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(261 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(261.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(262 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(262.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(263 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(263.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(264.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(265 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(265.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(266 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(266.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(267 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(267.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(268 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(268.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(269 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="8:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(269.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(270.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(271 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(271.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(272 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(272.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(273 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(273.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(274 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(274.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(275 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(275.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(276.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(277 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(277.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(278 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(278.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(279 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(279.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(280 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(280.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(281 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(281.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(282.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(283 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(283.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(284 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(284.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(285 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(285.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(286 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(286.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(287 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(287.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(288.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(289 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(289.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(290 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(290.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(291 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(291.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(292 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(292.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(293 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(293.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(294.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(295 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(295.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(296 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(296.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(297 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(297.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(298 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(298.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(299 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="9:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(299.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(300.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(301 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(301.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(302 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(302.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(303 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(303.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(304 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(304.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(305 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(305.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(306.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(307 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(307.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(308 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(308.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(309 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(309.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(310 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(310.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(311 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(311.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(312.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(313 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(313.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(314 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(314.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(315 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(315.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(316 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(316.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(317 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(317.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(318.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(319 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(319.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(320 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(320.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(321 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(321.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(322 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(322.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(323 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(323.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(324.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(325 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(325.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(326 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(326.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(327 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(327.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(328 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(328.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(329 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="10:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(329.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:01">
<use x="50" y="50" transform="rotate(6 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(330.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:02">
<use x="50" y="50" transform="rotate(12 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(331 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:03">
<use x="50" y="50" transform="rotate(18 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(331.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:04">
<use x="50" y="50" transform="rotate(24 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(332 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:05">
<use x="50" y="50" transform="rotate(30 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(332.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:06">
<use x="50" y="50" transform="rotate(36 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(333 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:07">
<use x="50" y="50" transform="rotate(42 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(333.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:08">
<use x="50" y="50" transform="rotate(48 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(334 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:09">
<use x="50" y="50" transform="rotate(54 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(334.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:10">
<use x="50" y="50" transform="rotate(60 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(335 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:11">
<use x="50" y="50" transform="rotate(66 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(335.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:12">
<use x="50" y="50" transform="rotate(72 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:13">
<use x="50" y="50" transform="rotate(78 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(336.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:14">
<use x="50" y="50" transform="rotate(84 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(337 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:15">
<use x="50" y="50" transform="rotate(90 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(337.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:16">
<use x="50" y="50" transform="rotate(96 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(338 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:17">
<use x="50" y="50" transform="rotate(102 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(338.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:18">
<use x="50" y="50" transform="rotate(108 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(339 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:19">
<use x="50" y="50" transform="rotate(114 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(339.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:20">
<use x="50" y="50" transform="rotate(120 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(340 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:21">
<use x="50" y="50" transform="rotate(126 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(340.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:22">
<use x="50" y="50" transform="rotate(132 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(341 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:23">
<use x="50" y="50" transform="rotate(138 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(341.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:24">
<use x="50" y="50" transform="rotate(144 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:25">
<use x="50" y="50" transform="rotate(150 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(342.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:26">
<use x="50" y="50" transform="rotate(156 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(343 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:27">
<use x="50" y="50" transform="rotate(162 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(343.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:28">
<use x="50" y="50" transform="rotate(168 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(344 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:29">
<use x="50" y="50" transform="rotate(174 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(344.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:30">
<use x="50" y="50" transform="rotate(180 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(345 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:31">
<use x="50" y="50" transform="rotate(186 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(345.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:32">
<use x="50" y="50" transform="rotate(192 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(346 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:33">
<use x="50" y="50" transform="rotate(198 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(346.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:34">
<use x="50" y="50" transform="rotate(204 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(347 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:35">
<use x="50" y="50" transform="rotate(210 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(347.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:36">
<use x="50" y="50" transform="rotate(216 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:37">
<use x="50" y="50" transform="rotate(222 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(348.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:38">
<use x="50" y="50" transform="rotate(228 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(349 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:39">
<use x="50" y="50" transform="rotate(234 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(349.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:40">
<use x="50" y="50" transform="rotate(240 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(350 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:41">
<use x="50" y="50" transform="rotate(246 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(350.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:42">
<use x="50" y="50" transform="rotate(252 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(351 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:43">
<use x="50" y="50" transform="rotate(258 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(351.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:44">
<use x="50" y="50" transform="rotate(264 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(352 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:45">
<use x="50" y="50" transform="rotate(270 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(352.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:46">
<use x="50" y="50" transform="rotate(276 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(353 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:47">
<use x="50" y="50" transform="rotate(282 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(353.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:48">
<use x="50" y="50" transform="rotate(288 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:49">
<use x="50" y="50" transform="rotate(294 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(354.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:50">
<use x="50" y="50" transform="rotate(300 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(355 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:51">
<use x="50" y="50" transform="rotate(306 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(355.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:52">
<use x="50" y="50" transform="rotate(312 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(356 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:53">
<use x="50" y="50" transform="rotate(318 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(356.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:54">
<use x="50" y="50" transform="rotate(324 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(357 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:55">
<use x="50" y="50" transform="rotate(330 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(357.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:56">
<use x="50" y="50" transform="rotate(336 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(358 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:57">
<use x="50" y="50" transform="rotate(342 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(358.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:58">
<use x="50" y="50" transform="rotate(348 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(359 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="hands" id="11:59">
<use x="50" y="50" transform="rotate(354 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(359.5 50 50)" xlink:href="#hour-hand"/>
</g>
<g class="default" id="12:00">
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#minute-hand"/>
<use x="50" y="50" transform="rotate(0 50 50)" xlink:href="#hour-hand"/>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment