JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="timer-container">
    <div class="timer-block" >
        <span>01</span>:<span>30</span>:<span>00</span>
        мин
    </div>
</div>

CSS

.timer-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    background-color: lightblue;
}

.timer-block {
  font-size: 72px;
  font-weight: 700;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}