ol {
  list-style-type: decimal-leading-zero;
}

.column--left .shape {
  float: right;
  shape-outside: circle(100px at 100% 50%);
}

.text {
/* Устанавливаем градиентный фон */
  background: linear-gradient(
    45deg, #4158D0 0%, #C850C0 50%, #FFCC70 100%
  );
/* Устанавливаем цвет текста, равный цвету фона контейнера */
  color: black;
/* Используем свойство background-clip, при использовании значения text фон будет применен для текста элемента */
  background-clip: text; 
/* Используем webkit-text-stroke, чтобы добавить ширину и цвет обводки. Цвет нужно установить на transparent(прозрачный), чтобы цвет градиента из-за обрезки фона начал отображаться */
  -webkit-text-stroke: 6px transparent;
}

input,
textarea,
select{
  field-sizing: content;
  min-width: 50px;
  max-width: 250px;
  padding: 10px 20px;
}