*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{background:#000;display:flex;justify-content:center;align-items:center}.clock{height:20vh;color:#fff;font-size:22vh;font-family:sans-serif;line-height:20.4vh;display:flex;position:relative;overflow:hidden}.clock:before,.clock:after{content:"";width:7ch;height:3vh;background:linear-gradient(to top,transparent,black);position:absolute;z-index:2}.clock:after{bottom:0;background:linear-gradient(to bottom,transparent,black)}.clock>div{display:flex}.tick{line-height:17vh}.tick-hidden{opacity:0}.move{animation:move linear 1s infinite;will-change:transform}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(-20vh)}}