html {margin: 0; padding: 0; border: 0; font-size: 18px; /*background-color: lightblue;*/ height: 100%;}
body {margin: 0; border: 0; padding: 1rem; min-height: 100%; font-family: Arial, sans-serif; line-height: 1.15; font-variant-ligatures: no-common-ligatures; scroll-behavior: smooth; text-rendering: optimizelegibility; }
main {display: block; max-width: 720px; height: auto; margin: 0 auto; /*background-color: lightgreen;*/}
img {max-width: 100%; height: auto; margin: 0; padding: 0; display: block;}
div {margin: 0; padding: 0; display: block;}
svg {max-width: 100%; height: auto;}
#group_hourhand, #group_minutehand, #path_secondhand {transform-origin: 830px 830px;}
#contain {background: radial-gradient(circle, rgba(0,0,0,1) 64%, rgba(150,150,150,1) 65%, rgba(0,0,0,1) 70%); border-radius: 50%; box-shadow: 0px 0px 25px 5px rgba(0,0,0,.75), inset 0px 0px 2px 3px rgba(0,0,0,0.9);}
@media only screen and (min-width: 599px) {#contain {margin: 1rem;}}
.p {padding: 0; text-align: center;}
a {text-decoration-style: dotted; text-underline-offset: 3px; letter-spacing: .2px;}
a, a:visited {color: #0000cd;}
a:hover {color: #f00; text-decoration-style: solid;}

#wayfarer247-text {font-family:'Times New Roman', Times, serif; font-size: 2rem; text-transform: uppercase; font-weight: bold; margin: 2rem 0 0 0; letter-spacing: 1px;}
#wayfarer247-tagline {font-style: italic; margin: 0; font-size: 1rem;}
.blade-text {font: bold 50px serif;text-align: center;}
#suna-text {display: none;}
#group_suna10:hover + #suna-text {display: block;}

/* --- css generated by the svg that matters --- */
.cls-7 {fill: #ffffe8;} /* --- clock face --- */
.cls-9, .cls-10, .cls-11 {fill: none; stroke: #000;} /* blade outlines */
.cls-24 {fill: #000;} /* gray center dot */
.cls-31 {fill: #202020;} /* hour/minute hands, dark side */
.cls-12 {fill: #666667;} /* hour/minute hands, light side */
.cls-51 {opacity: 0.5; fill: none; stroke: #7fffd4; stroke-width: 4px; 
} /* middle circle */

.cls-52 {fill: #7fffd4;} /* green ring */
.cls-9 {stroke-miterlimit: 10;}
.cls-64 {fill: #f00; transition: all 250ms ease;} /* second hand */
.cls-67 {fill: #000080;} /* blue ring */


/* --- css generated by the svg that's all gradients/etc, minified --- */
.cls-1 {fill: url(#www.vectorfantasy.com_54-8);}.cls-2 {fill: url(#linear-gradient-2);}.cls-3 {fill: url(#www.vectorfantasy.com_54-36);}.cls-4 {fill: url(#linear-gradient-17);}.cls-5 {fill: url(#www.vectorfantasy.com_54-30);}.cls-6 {fill: url(#www.vectorfantasy.com_54-14);}.cls-8 {fill: url(#www.vectorfantasy.com_54-7);}.cls-13 {fill: url(#www.vectorfantasy.com_54-35);}.cls-14 {fill: url(#linear-gradient-15);}.cls-15 {fill: url(#linear-gradient-18);}.cls-16 {fill: url(#www.vectorfantasy.com_54);}.cls-17 {fill: url(#www.vectorfantasy.com_54-15);}.cls-18 {fill: url(#linear-gradient-14);}.cls-19 {fill: url(#www.vectorfantasy.com_54-12);}.cls-20 {fill: url(#linear-gradient-20);}.cls-21 {fill: url(#linear-gradient-6);}.cls-22 {fill: url(#www.vectorfantasy.com_54-38);}.cls-23 {fill: url(#www.vectorfantasy.com_54-9);}.cls-25 {fill: url(#www.vectorfantasy.com_54-28);}.cls-26 {fill: url(#www.vectorfantasy.com_54-11);}.cls-27 {fill: url(#linear-gradient-11);}.cls-28 {fill: url(#www.vectorfantasy.com_54-10);}.cls-10 {stroke-linecap: round;stroke-linejoin: round;}.cls-29 {fill: url(#www.vectorfantasy.com_54-26);}.cls-30 {fill: url(#www.vectorfantasy.com_54-22);}.cls-32 {fill: url(#www.vectorfantasy.com_54-19);}.cls-33 {fill: url(#www.vectorfantasy.com_54-6);}.cls-34 {fill: url(#linear-gradient-10);}.cls-35 {fill: url(#www.vectorfantasy.com_54-13);}.cls-36 {fill: url(#www.vectorfantasy.com_54-16);}.cls-37 {fill: url(#linear-gradient-16);}.cls-38 {fill: url(#www.vectorfantasy.com_54-31);}.cls-39 {fill: url(#linear-gradient-21);}.cls-40 {fill: url(#www.vectorfantasy.com_54-33);}.cls-41 {fill: url(#www.vectorfantasy.com_54-18);}.cls-42 {fill: url(#linear-gradient-25);}.cls-43 {fill: url(#linear-gradient-5);}.cls-44 {fill: url(#www.vectorfantasy.com_54-39);}.cls-45 {fill: url(#www.vectorfantasy.com_54-5);}.cls-46 {fill: url(#www.vectorfantasy.com_54-20);}.cls-47 {fill: url(#www.vectorfantasy.com_54-17);}.cls-48 {fill: url(#www.vectorfantasy.com_54-29);}.cls-49 {fill: url(#www.vectorfantasy.com_54-23);}.cls-50 {fill: url(#www.vectorfantasy.com_54-2);}.cls-53 {fill: url(#www.vectorfantasy.com_54-27);}.cls-54 {fill: url(#linear-gradient-7);}.cls-55 {fill: url(#www.vectorfantasy.com_54-32);}.cls-56 {fill: url(#www.vectorfantasy.com_54-4);}.cls-57 {fill: url(#www.vectorfantasy.com_54-21);}.cls-58 {fill: url(#linear-gradient-24);}.cls-59 {fill: url(#linear-gradient-9);}.cls-60 {fill: url(#linear-gradient-22);}.cls-61 {fill: url(#www.vectorfantasy.com_54-25);}.cls-62 {fill: url(#linear-gradient-3);}.cls-63 {fill: url(#linear-gradient);}.cls-65 {fill: url(#www.vectorfantasy.com_54-3);}.cls-66 {fill: url(#www.vectorfantasy.com_54-37);}.cls-68 {fill: url(#linear-gradient-23);}.cls-69 {fill: url(#linear-gradient-19);}.cls-70 {fill: url(#linear-gradient-4);}.cls-71 {fill: url(#www.vectorfantasy.com_54-34);}.cls-72 {fill: url(#www.vectorfantasy.com_54-24);}.cls-73 {fill: url(#linear-gradient-8);}.cls-74 {fill: url(#linear-gradient-12);}.cls-75 {fill: url(#linear-gradient-13);}