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