@import"https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300&display=swap";*{box-sizing:border-box;font-family:"Roboto Condensed","Trebuchet MS",Arial,Helvetica,sans-serif}#app{display:flex;flex-direction:column;gap:25px;align-items:center}#app .clock{display:flex;font-size:80px;gap:10px}#app .clock .hours-tens,#app .clock .hours-units,#app .clock .minutes-tens,#app .clock .minutes-units,#app .clock .seconds-tens,#app .clock .seconds-units,#app .clock .sep{display:flex;flex-direction:column-reverse;justify-content:center;position:relative;text-align:center}#app .clock .hours-tens span,#app .clock .hours-units span,#app .clock .minutes-tens span,#app .clock .minutes-units span,#app .clock .seconds-tens span,#app .clock .seconds-units span,#app .clock .sep span{transition:all 1s ease;color:red}#app .clock .hours-tens span.active,#app .clock .hours-units span.active,#app .clock .minutes-tens span.active,#app .clock .minutes-units span.active,#app .clock .seconds-tens span.active,#app .clock .seconds-units span.active,#app .clock .sep span.active{color:#000}.numbers-leave-to{opacity:0;transform-origin:bottom}.numbers-enter-from{opacity:0;transform:translateY(-100%)}.numbers-leave-active{position:absolute;bottom:0}/*# sourceMappingURL=clock-1.min.css.map */