.clock {
    height: 9vh;
    /* color: white; */
    font-size: 2vh;
    font-family: sans-serif;
    line-height: 6.4vh;
    display: flex;
    position: relative;
    /*background: green;*/
    overflow: hidden;
    color:black;
  }

.clock::before, .clock::after {
    content: '';
    width: 100vw;
    height: 2vh;
    /* background: linear-gradient(to top, transparent, black); */
    position: absolute;
    z-index: 2;
  }
  
  .clock::after {
    bottom: 1;
    /* background: linear-gradient(to bottom, transparent, black); */
  }
  
  .clock > div {
    display: flex;
  }
  
  .tick {
    line-height: 6.4vh;
    color:black;
    margin-left: 4px;
    margin-right: 4px;
  }
  
  .tick-hidden {
    opacity: 0;
  }
  
  .move {
    animation: move linear 1s infinite;
  }
  
  @keyframes move {
    from {
      transform: translateY(0vh);
    }
    to {
      transform: translateY(-20vh);
    }
  }