.alarm-name-hint:before,.download-hint:before{content:"";transform:rotate(45deg)}@-webkit-keyframes down{0%{top:-500px}100%{top:0}}@-moz-keyframes down{0%{top:-500px}100%{top:0}}@keyframes down{0%{top:-500px}100%{top:0}}@-webkit-keyframes down1{0%{top:-8000px}100%{top:0}}@-moz-keyframes down1{0%{top:-8000px}100%{top:0}}@keyframes down1{0%{top:-8000px}100%{top:0}}@-webkit-keyframes up{0%{top:0}100%{top:-500px}}@-moz-keyframes up{0%{top:0}100%{top:-500px}}@keyframes up{0%{top:0}100%{top:-500px}}@-webkit-keyframes up1{0%{top:0}100%{top:-8000px}}@-moz-keyframes up1{0%{top:0}100%{top:-8000px}}@keyframes up1{0%{top:0}100%{top:-8000px}}@-webkit-keyframes right{0%{left:-300px}100%{left:0}}@-moz-keyframes right{0%{left:-300px}100%{left:0}}@keyframes right{0%{left:-300px}100%{left:0}}@-webkit-keyframes left{0%{left:0}100%{left:-300px}}@-moz-keyframes left{0%{left:0}100%{left:-300px}}@keyframes left{0%{left:0}100%{left:-300px}}*{font-family: "Segoe UI", sans-serif;}body{font-size:16px;text-align:center;background:url(../assets/clock-bg.jpg) no-repeat;background-size:cover;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.download-container{width:500px;margin:0 auto;position:relative}.download-hint{background:#00acff;width:350px;padding:17px;position:absolute;top:-130px;left:60px;display:none}.download-btn,.download-btn:hover+.download-hint{display:block}.download-hint:before{display:block;width:20px;height:20px;background:inherit;position:absolute;top:95px;left:180px}.download-btn{text-decoration:none;color:#fff;background:#000;width:300px;padding:20px;margin:170px auto 0}.overlay{width:100%;height:100%;background:#000;position:absolute;top:0;left:0;opacity:.5;z-index:100;display:none}.currentTime{font-size:5em}.alarm-settings-btn,.create-alarm-btn{background:#239a38;display:block;width:270px;height:50px;border:0;font-size:1.5em;margin-bottom:200px;position:absolute;cursor:pointer;outline:0;right:0;text-align:left}.author{margin-top:100px}.author span{color:#e44810}.greeting span{color:#ff0}.author a{text-decoration:none;color:#239a38}.author a:hover{text-decoration:underline}.create-alarm-btn{color:#fff;top:10px}.alarm-settings-btn{color:#fff;top:100px}.alarm-settings:hover,.create-alarm-btn:hover,.set-alarm-cancel:hover,.set-alarm-save:hover,.set-alarm-settings-cancel-btn:hover,.set-alarm-settings-save-btn:hover{background:#1f822f}.set-alarm{width:500px;height:450px;position:absolute;top:0;left:30%;border:2px solid #fff;background:url(../assets/set-alarm-bg.jpg) no-repeat;background-size:cover;z-index:200;display:none}.set-alarm-hour-contain{width:100px;float:left;margin-left:50px;margin-top:10px}.hour-carat-down,.hour-carat-up,.minute-carat-down,.minute-carat-up,.zone-carat-down,.zone-carat-up{display:block;cursor:pointer;font-size:2em;width:100px;background:0 0;border:0;outline:0;color:#fff}.hour-carat-down:active,.hour-carat-up:active,.minute-carat-down:active,.minute-carat-up:active,.zone-carat-down:active,.zone-carat-up:active{color:#2e3b44}.set-alarm-hour,.set-alarm-minute,.set-alarm-zone{font-size:5em;margin-top:0;margin-bottom:0}.set-alarm-colon{display:block;width:50px;float:left;font-size:4em;margin-top:40px}.collapse-alarm,.notification{display:none;position:absolute}.set-alarm-cancel-btn,.set-alarm-save-btn,.set-alarm-settings-cancel-btn,.set-alarm-settings-save-btn{width:100px;height:40px;font-size:1em;background:#239a38;border:0;cursor:pointer;outline:0;color:#fff}.set-alarm-minute-contain,.set-alarm-zone-contain{width:100px;float:left;margin-top:10px;margin-bottom:50px}.set-alarm-btns{clear:both}.set-alarm-cancel-btn,.set-alarm-settings-cancel-btn{margin-right:20px;margin-left:20px}.notification{height:55px;background:#239a38;color:#fff;font-size:1.2em;left:0;top:350px}.collapse-alarm{right:0;top:190px}.edit-alarm-btn{background:#239a38;display:block;color:#fff;width:270px;height:50px;border:0;outline:0;font-size:1.5em;cursor:pointer;text-align:left}.edit-alarm-btn>span{width:30px;height:30px;background:#1f822f;border-radius:60px;display:inline-block; padding-bottom:5px;}.alarm-container{background:#1f822f;height:50px;font-size:1.4em;display:none}.alarm-container>span{display:inline-block;padding:5px}.delete-alarm-icon,.edit-alarm-icon{cursor:pointer}.delete-alarm-popup{width:470px;height:150px;font-size:1.5em;position:absolute;top:100px;left:450px;background:#1f822f;color:#fff;border-bottom:2px solid #fff;z-index:300;display:none}.delete-alarm-popup>button{width:100px;height:40px;outline:0;border:0;font-size:1em;margin-top:20px;margin-right:20px}.delete-alarm-accept{background:#337ab7;color:#fff}.delete-alarm-decline{background:#e44810;color:#fff}.delete-alarm-accept:active{background:#286291}.delete-alarm-decline:active{background:#bc3609}.alarm-tone-play{display:none}.alarm-name-box{position:relative;padding-top:65px}.alarm-name{width:250px;height:20px;padding:10px;font-size:1em;display:block;margin-left:auto;margin-right:auto}.alarm-name-hint{background:#00acff;width:237px;padding:17px;position:absolute;top:-10px;left:114px;display:none}.alarm-name-hint:before{display:block;width:20px;height:20px;background:inherit;position:absolute;top:40px;left:115px}.alarm-ringing-popup{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background:url(../assets/alarm-ringing-bg.jpg) no-repeat;background-size:cover;display:none}.alarm-bell{width:200px;height:200px;display:block;margin:30px auto}.snooze-alarm-btn,.stop-alarm-btn{width:140px;height:40px;outline:0;border:0;font-size:1em;cursor:pointer;color:#fff}.snooze-alarm-btn{background:#337ab7;margin-right:10px}.stop-alarm-btn{background:#e44810}.alarm-name-text,.alarm-ringing-time{font-size:5em;margin-top:-15px;color:#fff}.alarm-settings-row1>label,.alarm-settings-row>label{margin-left:40px;margin-right:20px;font-size:1.3em;float:left;text-align:right}.alarm-settings-popup{width:500px;height:400px;position:absolute;top:0;left:30%;border:2px solid #fff;background:url(../assets/set-alarm-bg.jpg) no-repeat;background-size:cover;z-index:200;display:none}.alarm-settings-row,.alarm-settings-row1{overflow:hidden;clear:both;margin-bottom:20px}.alarm-settings-row1>label{display:block;width:200px}.alarm-settings-row1>select,.alarm-settings-row>select{width:150px;height:30px;display:block;float:left}.alarm-settings-row>label{display:block;width:200px}.alarm-settings-row>input{display:block;float:left;width:150px}.alarm-volume{display:inline-block;margin-top:4px;clear:both}.downAnimate,.downAnimate1,.rightAnimate{display:block!important}.set-alarm-settings{margin-top:40px}.quote-container{width:500px;margin:0 auto}.quote-author{text-align:right}.downAnimate{-webkit-animation:down 1s;-moz-animation:down 1s;-ms-animation:down 1s;animation:down 1s}.upAnimate{-webkit-animation:up 1s;-moz-animation:up 1s;-ms-animation:up 1s;animation:up 1s}.downAnimate1{-webkit-animation:down1 1s;-moz-animation:down1 1s;-ms-animation:down1 1s;animation:down1 1s}.upAnimate1{-webkit-animation:up1 3s;-moz-animation:up1 3s;-ms-animation:up1 3s;animation:up1 3s}.rightAnimate{-webkit-animation:right 1s;-moz-animation:right 1s;-ms-animation:right 1s;animation:right 1s}.leftAnimate{-webkit-animation:left 1s;-moz-animation:left 1s;-ms-animation:left 1s;animation:left 1s}