body,html{height:100%;margin:0}body,div,img,p{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background-color:#000;width:100%;height:100%;font-family:Roboto,Helvetica,Arial,Tahoma,sans-serif;text-shadow:2px 3px 2px #333;font-weight:700;overflow:hidden;-webkit-transform-origin:0 0;transform-origin:0 0}.wrapper{width:1280px}.date{height:auto;width:100%;font-size:80px;left:0;padding-top:12px;color:#fff;z-index:1;text-align:center}.clock{display:block;height:auto;color:#fff;width:100%}.dayperiod{position:relative;font-size:100px;line-height:100px}.time{font-size:384px;line-height:100%;text-align:center}.literal{-webkit-animation:blinker 1s cubic-bezier(1,0,0,1) infinite forwards 0s;-moz-animation:blinker 1s cubic-bezier(1,0,0,1) infinite forwards 0s;animation:blinker 1s cubic-bezier(1,0,0,1) infinite forwards 0s}@-webkit-keyframes blinker{from{opacity:1}to{opacity:0}}@-moz-keyframes blinker{from{opacity:1}to{opacity:0}}@keyframes blinker{from{opacity:1}to{opacity:0}}