.card {
  background: #191c29;
  width: var(--card-width);
  height: var(--card-height);
  justify-content: center;
  align-items: center;
  color: rgb(88 199 250 / 0%);
}

• mask-clip — определяет область распространения маски
• mask-size — размер маски
• mask-position — размещает маску относительно элемента
• mask-repeat — указывает, должна ли повторяться маска
• mask-mode — определяет, будет ли ссылка на маску
• mask-origin — задает начало координат маски.

• background-image — добавляет фоновое изображение

• background-size: cover — делает так, чтобы изображение полностью покрывало текст

• background-clip: text — обрезает фоновое изображение по форме текста.

• color: transparent — делает текст прозрачным, чтобы был виден только фон изображения.

• none — фильтры не применяются (по умолчанию)
• blur — размывает элемент
• brightness — изменяет яркость
• contrast — изменяет контрастность
• grayscale — преобразует элемент в оттенки серого
• hue-rotate — вращает цветной круг элемента
• invert — инвертирует цвета
• opacity — изменяет прозрачность
• saturate — изменяет насыщенность цветов
• sepia — применяет сепийный фильтр к элементу

Шорткат columns объединяет два свойства:

• column-width — ширина каждой колонки
• column-count — количество колонок

В качестве принимаемых аргументов выступает цвет в любом формате.

• background-color — цвет фона
• color — цвет текста
• text-decoration — текстовое оформление (подчеркивание, перечеркивание)
• box-shadow — тень вокруг элемента

• color — цвет первой буквы
• background-color — цвет фона
• font-family — шрифт первой буквы
• font-size — размер шрифта
• font-weight — жирность шрифта
• line-height — высота строки
• text-decoration — текстовое оформление (подчеркивание, перечеркивание)
• text-transform — преобразование текста (заглавные буквы, прописные буквы)
• margin — внешние отступы
• padding — внутренние отступы
• border — граница первой буквы
• float — Выравнивание (например: слева, справа).
• text-shadow — тень текста