@import url("https://fonts.googleapis.com/css?family=Droid+Sans+Mono");*{box-sizing:border-box}@keyframes gradientAction{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body{margin:0;background-color:#ff8c00;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(-45deg,#ff8c00,gold,#ffb347,#daa520);background-size:50px 50px,50px 50px,400% 400%;animation:gradientAction 10s ease infinite}#app{width:100%;min-height:100vh;justify-content:center;align-items:center;background:transparent}#app,header{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:flex;justify-content:space-between;width:500px;align-items:center}.NormalUnitContainer{display:block;position:relative;width:140px;height:auto;perspective-origin:50% 50%;perspective:300px;border-radius:5px;background-color:#fff}.NormallowerCard,.NormalupperCard{display:flex;position:relative;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{align-items:flex-end;border-top-left-radius:3px;border-top-right-radius:3px}.NormallowerCard{align-items:flex-start;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.NormallowerCard span{transform:translateY(-50%)}.NormalCard{display:flex;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%;align-items:flex-start;transform-origin:50% 0;transform:rotateX(180deg);background-color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.NormalCard.unfold span{transform:translateY(-50%)}.NormalCard.fold{top:0;align-items:flex-end;transform-origin:50% 100%;transform:rotateX(0deg);background-color:#fff;border-top-left-radius:3px;border-top-right-radius:3px}.NormalCard.fold span{transform:translateY(50%)}.digitLabel{font-size:14px;font-family:Roboto;color:#000;text-transform:uppercase;letter-spacing:3px;margin-top:12px;text-align:center}