.clock{background:white;width:400px;height:400px;margin:0 auto;position:relative;border-radius:50%;box-shadow:0 121px 8px rgba(34,34,34,0.3),inset 0 -79px 8px rgba(34,34,34,0.3)}.clock-face{width:100%;height:100%}.clock-face:after{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:red;border-radius:6px;content:"";display:block}.hero-hour{width:0;height:0;position:absolute;top:50%;left:50%;margin:-4px 0 -4px -25%;padding:4px 0 4px 25%;background:black;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:4px 0 0 4px}.hero-minute{width:0;height:0;position:absolute;top:50%;left:50%;margin:-40% -3px 0;padding:40% 3px 0;background:black;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:3px 3px 0 0}.hero-second{width:0;height:0;position:absolute;top:50%;left:50%;margin:-40% -1px 0 0;padding:40% 1px 0;background:red;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.toggles{margin-left:5%;position:relative;bottom:-50px;left:5px}#ball,#sunny,#dusk,#night{outline:0}#ball{background-image:url(https://cdn2.hubspot.net/hubfs/2272014/void/Oval%206.png);height:150px;background-repeat:no-repeat;width:87px;background-color:transparent;border:0}#sunny{background-image:url(https://cdn2.hubspot.net/hubfs/2272014/void/oval%202.png);height:150px;background-repeat:no-repeat;width:87px;background-color:transparent;border:0;margin:0 5px}#dusk{background-image:url(https://cdn2.hubspot.net/hubfs/2272014/void/sunset%20copy.png);height:150px;background-repeat:no-repeat;width:87px;background-color:transparent;border:0;margin:0 5px}#night{background-image:url(https://cdn2.hubspot.net/hubfs/2272014/void/Combined%20Shape.png);height:150px;background-repeat:no-repeat;width:87px;background-color:transparent;border:0;margin:0 5px}