@import url(https://fonts.googleapis.com/css?family=Orbitron);body,html{height:100%;width:100%}body{display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#d2d2d2,#f5f5f5)}*{box-sizing:border-box!important}#root{height:100%;width:100%}.App{display:inline-block;margin:auto;text-align:center}.App .leftDiv{float:left}.App .rightDiv{float:right}.analog-root:hover .clock-setting{display:block}.analog-root .clock-setting{display:none;font-size:17px;color:#000;position:absolute;right:9px;top:2px}.analog-root .analog-clock{width:360px;height:360px;padding:25px;background-color:#f7f7f7;border-radius:80px;box-shadow:0 18px 40px rgba(0,0,0,.15);position:relative}.analog-root .analog-clock .inner{position:relative;width:100%;height:100%;background:#fff;border:5px solid #181818;border-radius:100%;box-shadow:inset 0 0 15px rgba(0,0,0,.75)}.analog-root .analog-clock .inner .hand{position:absolute;top:50%;left:50%;width:7.2px;background-color:#181818}.analog-root .analog-clock .inner .hand.hour{height:90px}.analog-root .analog-clock .inner .hand.hour,.analog-root .analog-clock .inner .hand.minute{margin-top:-27.27273px;transform:rotate(0deg) translate(-50%,-50%);transform-origin:0 27.27273px}.analog-root .analog-clock .inner .hand.minute{height:120px}.analog-root .analog-clock .inner .hand.second{width:1.94595px;height:120px;background-color:#ec231e;margin-top:-36px;box-shadow:-4px -6px 0 0 rgba(0,0,0,.15);transform:rotate(0deg) translate(-50%,-50%);transform-origin:0 36px}.analog-root .analog-clock .inner .hand.second:after,.analog-root .analog-clock .inner .hand.second:before{content:"";display:inherit;position:inherit;left:inherit;background-color:inherit;border-radius:100%;transform:translate(-50%,-50%)}.analog-root .analog-clock .inner .hand.second:before{top:94.73684px;width:18px;height:18px;box-shadow:-2px -2px 2px 0 rgba(0,0,0,.15)}.analog-root .analog-clock .inner .hand.second:after{top:20px;width:10px;height:10px;box-shadow:-4px -6px 2px 0 rgba(0,0,0,.15)}.analog-root .analog-clock .inner .graduations .graduation{display:block;position:absolute;top:7.5px;left:50%;width:1.94595px;height:9px;background-color:#181818;transform:rotate(0deg) translateX(-50%);transform-origin:0 140px}.analog-root .analog-clock .inner .graduations .graduation:nth-child(5n-4){width:4px;height:20px}.analog-root .analog-clock .inner .graduations .graduation:first-child{transform:rotate(1deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(2){transform:rotate(7deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(3){transform:rotate(13deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(4){transform:rotate(19deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(5){transform:rotate(25deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(6){transform:rotate(31deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(7){transform:rotate(37deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(8){transform:rotate(43deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(9){transform:rotate(49deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(10){transform:rotate(55deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(11){transform:rotate(61deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(12){transform:rotate(67deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(13){transform:rotate(73deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(14){transform:rotate(79deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(15){transform:rotate(85deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(16){transform:rotate(91deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(17){transform:rotate(97deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(18){transform:rotate(103deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(19){transform:rotate(109deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(20){transform:rotate(115deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(21){transform:rotate(121deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(22){transform:rotate(127deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(23){transform:rotate(133deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(24){transform:rotate(139deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(25){transform:rotate(145deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(26){transform:rotate(151deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(27){transform:rotate(157deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(28){transform:rotate(163deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(29){transform:rotate(169deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(30){transform:rotate(175deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(31){transform:rotate(181deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(32){transform:rotate(187deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(33){transform:rotate(193deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(34){transform:rotate(199deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(35){transform:rotate(205deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(36){transform:rotate(211deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(37){transform:rotate(217deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(38){transform:rotate(223deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(39){transform:rotate(229deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(40){transform:rotate(235deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(41){transform:rotate(241deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(42){transform:rotate(247deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(43){transform:rotate(253deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(44){transform:rotate(259deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(45){transform:rotate(265deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(46){transform:rotate(271deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(47){transform:rotate(277deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(48){transform:rotate(283deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(49){transform:rotate(289deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(50){transform:rotate(295deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(51){transform:rotate(301deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(52){transform:rotate(307deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(53){transform:rotate(313deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(54){transform:rotate(319deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(55){transform:rotate(325deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(56){transform:rotate(331deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(57){transform:rotate(337deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(58){transform:rotate(343deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(59){transform:rotate(349deg) translateX(-50%)}.analog-root .analog-clock .inner .graduations .graduation:nth-child(60){transform:rotate(355deg) translateX(-50%)}.modal{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1rem 1.5rem;width:80%;border-radius:.5rem}.close-button{float:right;width:1.5rem;line-height:1.5rem;text-align:center;cursor:pointer;border-radius:.25rem;background-color:#d3d3d3}.close-button:hover{background-color:#a9a9a9}.show-modal{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}.ok-button{margin-left:40px;margin-right:0;width:40px;text-align:center;border-radius:.25rem;background-color:#d3d3d3}.digital-root{position:relative}.digital-root .modal-content{height:70%;width:50%}.digital-root .digital-clock{width:550px;font-family:"Orbitron",sans-serif;font-size:90px;margin:110px 20px 20px;padding:20px;background-color:#f7f7f7;color:#17d4fe;letter-spacing:7px;border-radius:40px;box-shadow:0 18px 40px rgba(0,0,0,.15);position:relative}.digital-root:hover .clock-setting{display:block}.digital-root .clock-setting{display:none;font-size:17px;color:#000;position:absolute;right:-12px;top:-5px}
/*# sourceMappingURL=main.23bebe20.chunk.css.map */