@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*{box-sizing:border-box}.flipClock{display:flex;justify-content:space-between;width:100%}.flipUnitContainer{display:block;position:relative;width:70px;height:120px;perspective-origin:50% 50%;perspective:300px;background-color:#df7d44;border-radius:10px;box-shadow:5px 7px 7px -7px grey}.lowerCard,.upperCard{display:flex;position:relative;justify-content:center;width:100%;height:50%;overflow:hidden;border:1px solid #fff}.lowerCard span,.upperCard span{font-size:5em;font-family:"Droid Sans Mono",monospace;font-weight:lighter;color:#363636}.upperCard{align-items:flex-end;border-bottom:1px solid #fff;border-top-left-radius:10px;border-top-right-radius:10px}.upperCard span{transform:translateY(50%)}.lowerCard{align-items:flex-start;border-top:1px solid #fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.lowerCard span{transform:translateY(-50%)}.flipCard{display:flex;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipCard span{font-family:"Droid Sans Mono",monospace;font-size:5em;font-weight:lighter;color:#363636}.flipCard.fold{top:0;align-items:flex-end;transform-origin:50% 100%;transform:rotateX(0deg);background-color:#df7d44;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #fff}.flipCard.fold span{transform:translateY(50%)}.flipCard.unfold{top:50%;align-items:flex-start;transform-origin:50% 0;transform:rotateX(180deg);background-color:#df7d44;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:1px solid #fff}.flipCard.unfold span{transform:translateY(-50%)}.fold{-webkit-animation:fold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards;animation:fold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards}.fold,.unfold{transform-style:preserve-3d}.unfold{-webkit-animation:unfold .6s cubic-bezier(.455,.03,.515,.955) .5s 1 normal forwards;animation:unfold .6s cubic-bezier(.455,.03,.515,.955) .5s 1 normal forwards}@-webkit-keyframes fold{0%{transform:rotateX(0deg);z-index:2}0%,99%{opacity:.99}to{transform:rotateX(-90deg);opacity:0}}@keyframes fold{0%{transform:rotateX(0deg);z-index:2}0%,99%{opacity:.99}to{transform:rotateX(-90deg);opacity:0}}@-webkit-keyframes unfold{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:.99}to{opacity:.99;transform:rotateX(0deg);z-index:5}}@keyframes unfold{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:.99}to{opacity:.99;transform:rotateX(0deg);z-index:5}}
/*# sourceMappingURL=main.21d85e55.chunk.css.map */