*,:after,:before{box-sizing:border-box;font-family:Segoe UI,Candara,Bitstream Vera Sans,DejaVu Sans,Trebuchet MS,Verdana,Verdana Ref,sans-serif}.clock-wrapper{position:relative;width:32vmin;height:32vmin;margin:0 auto}.temperature{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + 6vmin),-50%);font-size:2.1vmin;line-height:1;padding:.6vmin calc(1vmin + .5ex) .6vmin 1vmin;border:.2vmin solid rgba(0,0,0,.1);border-radius:.5vmin;background:hsla(0,0%,100%,.4);color:#000;z-index:5}.temperature:after{content:"°";display:inline-block;position:absolute;top:0;right:1}.clock{width:100%;height:100%;border:12px solid #c78282}@media(max-width:768px){.clock{border-width:4px;box-shadow:1vmin 1vmin 1.5vmin rgba(0,0,0,.35)}}.clock{border-radius:50%;position:relative;box-shadow:1.5vmin 1.5vmin 2vmin rgba(0,0,0,.35)}.hourHand,.minuteHand,.secondHand{position:absolute;z-index:3;top:50%;left:50%;transform:translateX(-50%) scale(-1) rotate(0deg);transform-origin:top center;border-radius:0 0 100vmin 100vmin;color:#bababa;background:#bababa}.hourHand{width:1.5vmin;height:28%;transition:transform 1s linear;box-shadow:0 -3.6vmin}.hourHand:after{content:" ";display:block;position:absolute;top:calc(-3.6vmin + 2px);left:-50%;width:3vmin;height:3vmin;border:.75vmin solid #bababa;border-radius:50%;transform:translateY(-100%)}.minuteHand{width:1.2vmin;height:45%;transition:transform 1s linear;box-shadow:0 -2.4vmin}.minuteHand:after{content:" ";display:block;position:absolute;top:calc(-2.4vmin + 2px);left:-50%;width:2.4vmin;height:2.4vmin;border:.6vmin solid #bababa;border-radius:50%;transform:translateY(-100%)}.secondHand{width:.6vmin;height:47.5%;color:#df151a;background:#df151a;box-shadow:0 -9vmin}.secondHand:before{content:" ";display:block;position:absolute;top:-9vmin;left:50%;transform:translateX(-50%);width:1.8vmin;height:4.5vmin;background:#df151a;border-radius:0 0 100vmin 100vmin}.dial{margin:0;padding:0;list-style:none;font-size:3.2vmin;line-height:1;counter-reset:my-awesome-counter}.dial:after{content:" ";display:block;z-index:4;width:2.8vmin;height:2.8vmin;background:#df151a;border-radius:50%;top:50%;transform:translate(-50%,-50%)}.dial:after,.dial>li{position:absolute;left:50%}.dial>li{counter-increment:my-awesome-counter;z-index:2;top:3%;height:94%}.dial>li:before{content:counter(my-awesome-counter);border-radius:50%}.dial>li:first-of-type{transform:translateX(-50%) rotate(30deg)}.dial>li:first-of-type:before{display:block;transform:rotate(-30deg)}.dial>li:nth-of-type(2){transform:translateX(-50%) rotate(60deg)}.dial>li:nth-of-type(2):before{display:block;transform:rotate(-60deg)}.dial>li:nth-of-type(3){transform:translateX(-50%) rotate(90deg)}.dial>li:nth-of-type(3):before{display:block;transform:rotate(-90deg)}.dial>li:nth-of-type(4){transform:translateX(-50%) rotate(120deg)}.dial>li:nth-of-type(4):before{display:block;transform:rotate(-120deg)}.dial>li:nth-of-type(5){transform:translateX(-50%) rotate(150deg)}.dial>li:nth-of-type(5):before{display:block;transform:rotate(-150deg)}.dial>li:nth-of-type(6){transform:translateX(-50%) rotate(180deg)}.dial>li:nth-of-type(6):before{display:block;transform:rotate(-180deg)}.dial>li:nth-of-type(7){transform:translateX(-50%) rotate(210deg)}.dial>li:nth-of-type(7):before{display:block;transform:rotate(-210deg)}.dial>li:nth-of-type(8){transform:translateX(-50%) rotate(240deg)}.dial>li:nth-of-type(8):before{display:block;transform:rotate(-240deg)}.dial>li:nth-of-type(9){transform:translateX(-50%) rotate(270deg)}.dial>li:nth-of-type(9):before{display:block;transform:rotate(-270deg)}.dial>li:nth-of-type(10){transform:translateX(-50%) rotate(300deg)}.dial>li:nth-of-type(10):before{display:block;transform:rotate(-300deg)}.dial>li:nth-of-type(11){transform:translateX(-50%) rotate(330deg)}.dial>li:nth-of-type(11):before{display:block;transform:rotate(-330deg)}.dial>li:nth-of-type(12){transform:translateX(-50%) rotate(1turn)}.dial>li:nth-of-type(12):before{display:block;transform:rotate(-1turn)}.lines{list-style:none;z-index:1;top:0;right:0;bottom:0;left:0}.lines,.lines>li{display:block;margin:0;padding:0;position:absolute}.lines>li{top:50%;left:50%;transform-origin:0 0}.lines>li:before{content:" ";display:block;width:2px;height:1.6vmin;transform:translateY(calc(11.84vmin - 1vmin));background:rgba(0,0,0,.1)}.lines>li:first-child{transform:rotate(6deg)}.lines>li:nth-child(2){transform:rotate(12deg)}.lines>li:nth-child(3){transform:rotate(18deg)}.lines>li:nth-child(4){transform:rotate(24deg)}.lines>li:nth-child(5){transform:rotate(30deg)}.lines>li:nth-child(6){transform:rotate(36deg)}.lines>li:nth-child(7){transform:rotate(42deg)}.lines>li:nth-child(8){transform:rotate(48deg)}.lines>li:nth-child(9){transform:rotate(54deg)}.lines>li:nth-child(10){transform:rotate(60deg)}.lines>li:nth-child(11){transform:rotate(66deg)}.lines>li:nth-child(12){transform:rotate(72deg)}.lines>li:nth-child(13){transform:rotate(78deg)}.lines>li:nth-child(14){transform:rotate(84deg)}.lines>li:nth-child(15){transform:rotate(90deg)}.lines>li:nth-child(16){transform:rotate(96deg)}.lines>li:nth-child(17){transform:rotate(102deg)}.lines>li:nth-child(18){transform:rotate(108deg)}.lines>li:nth-child(19){transform:rotate(114deg)}.lines>li:nth-child(20){transform:rotate(120deg)}.lines>li:nth-child(21){transform:rotate(126deg)}.lines>li:nth-child(22){transform:rotate(132deg)}.lines>li:nth-child(23){transform:rotate(138deg)}.lines>li:nth-child(24){transform:rotate(144deg)}.lines>li:nth-child(25){transform:rotate(150deg)}.lines>li:nth-child(26){transform:rotate(156deg)}.lines>li:nth-child(27){transform:rotate(162deg)}.lines>li:nth-child(28){transform:rotate(168deg)}.lines>li:nth-child(29){transform:rotate(174deg)}.lines>li:nth-child(30){transform:rotate(180deg)}.lines>li:nth-child(31){transform:rotate(186deg)}.lines>li:nth-child(32){transform:rotate(192deg)}.lines>li:nth-child(33){transform:rotate(198deg)}.lines>li:nth-child(34){transform:rotate(204deg)}.lines>li:nth-child(35){transform:rotate(210deg)}.lines>li:nth-child(36){transform:rotate(216deg)}.lines>li:nth-child(37){transform:rotate(222deg)}.lines>li:nth-child(38){transform:rotate(228deg)}.lines>li:nth-child(39){transform:rotate(234deg)}.lines>li:nth-child(40){transform:rotate(240deg)}.lines>li:nth-child(41){transform:rotate(246deg)}.lines>li:nth-child(42){transform:rotate(252deg)}.lines>li:nth-child(43){transform:rotate(258deg)}.lines>li:nth-child(44){transform:rotate(264deg)}.lines>li:nth-child(45){transform:rotate(270deg)}.lines>li:nth-child(46){transform:rotate(276deg)}.lines>li:nth-child(47){transform:rotate(282deg)}.lines>li:nth-child(48){transform:rotate(288deg)}.lines>li:nth-child(49){transform:rotate(294deg)}.lines>li:nth-child(50){transform:rotate(300deg)}.lines>li:nth-child(51){transform:rotate(306deg)}.lines>li:nth-child(52){transform:rotate(312deg)}.lines>li:nth-child(53){transform:rotate(318deg)}.lines>li:nth-child(54){transform:rotate(324deg)}.lines>li:nth-child(55){transform:rotate(330deg)}.lines>li:nth-child(56){transform:rotate(336deg)}.lines>li:nth-child(57){transform:rotate(342deg)}.lines>li:nth-child(58){transform:rotate(348deg)}.lines>li:nth-child(59){transform:rotate(354deg)}.lines>li:nth-child(60){transform:rotate(1turn)}