Ну значит берешь и переопределяешь в свое файле стилей все нужные тебе переменные.
Потом пишешь свои стили на свои классы, переопределяя нужные тебе свойства.
Подключаешь это все в правильном порядке.
Вообще шрифт лучше скачать и устанавливать из локальной папки, так точно проблем меньше будет.
Вдруг упадет сайт, откуда вы получаете шрифты, что тогда делать будете?
Попробуйте сделать так и скорее всего это может решить проблему.
Ну тут можно разделить на компоненты. Текст, картинка, цифра и два круга. Сверстать их. Было бы удобно флекcами. Скорее всего только цирфу в круже абсолютом.
Классы модификаторы - для разного расположения текста относительно картинки и тд.
Потом эти компоненты относительно центрального круга, не факт что абсолютом, но вполне возможно
Валерий Иванов,
1) так себе решение, стили на теги писать сейчас уже плохая практика.
2) после названия шрифта принято прописывать семейство (sans-serif например)
3) Скорее всего ваши стили где-то переопределяются
1) Какие стили влияют на фиксацию хедера? тык либо тык
2) Скорее всего добавляется какой-то класс с помощью js, на который и навешиваются эти стили (если хедер начинает прилипать при скролле). Если хедер всегда прилипает, то ищи в нужном шаблоне те самые свойства css из п.1
1) Выглядит странно, у вас в массиве conditionList есть объект с id, но в самом conditionList нет id. Возможно в этом проблема.
v-bind:key="conditionList.id"
2)
vue удаляет элемент с объекта
Так все таки из массива вы удаляете или из какого-то объекта?