@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0}#app{width:100%;min-height:100vh;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background-color:#fbab7e;background-image:-webkit-linear-gradient(28deg,#fbab7e,#f7ce68);background-image:linear-gradient(62deg,#fbab7e,#f7ce68)}#app,header{display:-webkit-flex;display:-moz-box;display:flex;position:relative}header h1{font-family:Droid Sans Mono,monospace;font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:#000}.NormalClock{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;width:500px;-webkit-align-items:center;-moz-box-align:center;align-items:center}.NormalUnitContainer{display:block;position:relative;width:140px;height:auto;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-perspective:300px;perspective:300px;border-radius:5px;background-color:#fff}.NormallowerCard,.NormalupperCard{display:-webkit-flex;display:-moz-box;display:flex;position:relative;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100%;height:100%;overflow:hidden}.NormallowerCard span,.NormalupperCard span{font-size:4em;font-family:Roboto,monospace;font-weight:300;color:#000}.NormalupperCard{-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;border-top-left-radius:3px;border-top-right-radius:3px}.NormallowerCard{-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.NormallowerCard span{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.NormalCard{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.NormalCard span{font-family:Roboto,monospace;font-size:4em;font-weight:300;color:#000}.NormalCard.unfold{top:50%;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.NormalCard.unfold span{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.NormalCard.fold{top:0;-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-color:#fff;border-top-left-radius:3px;border-top-right-radius:3px}.NormalCard.fold span{-webkit-transform:translateY(50%);transform:translateY(50%)}.digitLabel{font-size:14px;font-family:Roboto;color:#000;text-transform:uppercase;letter-spacing:3px;margin-top:12px;text-align:center}