Никита Юдин

Можно использовать разные способы, самым эффективным на мой взгляд, это замена символов на картинки во время сборки проекта, с помощью любого сборщика.

Вот способ с помощью CSS
1. Оборачиваем в html нужные символы в span с классом.
<span class="nameClass">&==;</span>
2. В css прописываем

.name {
  text-indent: -9999px;
  display:block;
  }

.name:before {
  content: url(image.png);
  position: absolute;
  top: 0;
  left: 9999px;
  }

https://codepen.io/anon/pen/NZMOwG

Всё зависит от подхода. Чаще всего применяют подход БЭМ, где в одном классе описывают все свойства для элемента.
В вашем же случае скорее всего использовали подход Atomic CSS, https://acss.io/ очень специфичный и многим не нравится.

По второму пункту. Но если проект большой, и писать все стили в один файл, то представляете какая каша получится? Нужно добавить свойство, но пока найдешь в тысячах строках кода нужный элемент,, найдешь место куда его вставить, уже не захочется работать. Но в принципе, вам никто не запрещает писать в нескольких больших файлах. Но это применимо только для лендингов.

А так, перед работой нужно договариваться, как нужно делать, чтобы всех устраивало. Какие файлы создавать, каких принципов придерживаться, по какой методологии верстать, как называть классы, сколько их максимум может быть и т.д.

Вот готовое решение:
https://vestride.github.io/Shuffle/

Переверстайте через flex: https://html5book.ru/css3-flexbox/
И используете свойство order: https://developer.mozilla.org/ru/docs/Learn/CSS/CS...

Можно использовать свойство unicode-range, но тут есть нюансы.
Во-первых, это свойство можно использовать только в @font-face.
Во-вторых, список свойств ограничен, все свойства привожу ниже:

@font-face {
@font-face {
  font-family: "FontName";
  src: url() format(" ");
  font-variant: ;
  font-stretch: ;
  font-weight: ;
  font-style: ;
  unicode-range: U+30-39;
}

Либо добавлять каждое число в тег с определенным классом и уже для класса писать стили.

Но если вам нужно изменить цифры в списке, то это делается по-другому.

Вот то что вам нужно:
https://codepen.io/HugoGiraudel/pen/BHEwo

Здесь объясняется, как делать:
https://css-tricks.com/css-pie-timer/

Гуглить другие таймеры по запросу:
css pie timer