Как задать универсальный @keyframes для нескольких разных блоков, без скриптов?

Sviaznoi, если вы замените свои width и height внутри calc на здоровые кастомные свойства, то и получите то, что хотите.

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

Альтернатива это менять scale, а не размеры.

Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?

winser,

<span class="parent"><a class="internal-link"></a></span>

Нужно ли делать самому эту обертку или воспользоваться классом родителя зависит от структуры кода.

Как сделать фон который слева сужается, справа расширяется?

Антон Вебсайтовский,

но вроде это супер простая задача

Так и есть.
Этот вопрос тут, наверное, уже тысячи раз повторятся.

Как сделать фон который слева сужается, справа расширяется?

градиенты
clip-path
svg
сразу взять такую (тут это будет не очень умным ходом)
ещё что-нибудь

Bootstrap, как затемнить картинку?

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

Конкретно в вашем примере это псевдо.
Если что, любые стили из бутстрапа можно посмотреть в инструментах разработчика и использовать как угодно без бутстрапа.

Не получается поставить поисковую строку справа, что сделать чтобы исправить?

Не очень ясно как это должно выглядеть.
Но суть какая-то такая https://jsfiddle.net/asd81zt7/1
Порядок можно регулировать с помощью order либо поменять местами в коде.

Ещё должен быть тег nav. Либо вокруг второго меню либо вокруг обоих. Но первое у вас странноватое, поэтому не стала ничего оборачивать, дорабатывайте сами.

Как задать img источник из svg inline?

Hidden Fronter,

этот сайт поможет преобразовать текст в кривые?

Без понятия чем занят этот сайт.
Думаю, вы можете изучить это самостоятельно.

Кстати, на самом сайте у меня для всех элементов определено семейство шрифта "Georgia, 'Times New Roman', Times, serif".

Ну да, ну да. По какой тогда логике вы тут задаете запасные шрифты-то, а?
Или вам пользователи поклялись не удалять шрифты из системы?
В svg у вас raleway указан, если что.

Как задать img источник из svg inline?

Hidden Fronter, да хоть ручками в блокноте)) Главное, чтобы результат был нужным.

Как задать img источник из svg inline?

Hidden Fronter, чтобы было одинаково, шрифт переводят в кривые.

Как задать img источник из svg inline?

Hidden Fronter, еще раз: у вас внутри svg картинка в png формате. Она не будет выглядеть четко из-за того, что вы перевели её в base64 и засунули в svg, а будет мылить, как мылила бы прямо в png.
Текст в svg у вас написан текстом, буквами. Если по какой-то причине ваш raleway не загрузится пользователю или если вдруг указан local, а у пользователя другая версия шрифта, то текст будет выглядеть не так, как хочется вам или дизайнеру.

Как задать img источник из svg inline?

Hidden Fronter, цвет текста можно менять и без svg
Смысл текста в лого в svg в том, чтобы он выглядел всегда одинаково, именно так, каким его нарисовал дизайнер и не зависел от шрифта (его наличия и версий). Для этого его переводят в кривые.
В том виде как сейчас, вы можете спокойно использовать span.

Как задать img источник из svg inline?

Hidden Fronter,

чтобы менять цвет текста при наведении на лого сайта в формате svg.

С этой конкретной SVG у вас ничего не выйдет, там растр. Это раз.
Если будете использовать как img, то тоже ничего не выйдет.
Ну разве что фильтрами.

Что такое состояние стека?

Вы точно прочитали статьи?

Как задать img источник из svg inline?

Зачем вам там вообще SVG, если внутри растр и текст не вектором?

Если всё таки SVG, то его нужно привести к состоянию стека (желательно предварительно очистив от кучи мусора, которая там есть)
Сначала изучить это css.yoksel.ru/svg-groups-use
Потом (ничего не делая с тем что выше) это https://telegra.ph/Stack--sprajt-zdorovogo-chelove...

И потом можете использовать как угодно, хоть в img, хоть в use, хоть в стилях.

Как выделять данные в столбце таблицы Element Plus различными цветами?

Нормальным был бы вариант, если бы из БД приходил какой-нибудь data-атрибут или класс. А вы бы потом стилизовали по нему как хочется.

Вариант хуже: с помощью js проверяете слово, задаете класс или тот же data-.

Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?

От родителя
.parent .internal-link {}

Почему верхние и нижние внешние отступы пустого блока не схлопываются?

Lynn «Кофеман», в этом смысле да, вниз фантомный отступ.

Почему верхние и нижние внешние отступы пустого блока не схлопываются?

Lynn «Кофеман», https://codepen.io/AnnaSummer/pen/poBqQoN
Для body задана тень, чтобы было видно где находится.
Также видно, что отступы div выпали за пределы body.

Почему верхние и нижние внешние отступы пустого блока не схлопываются?

Lynn «Кофеман», это выпадение, а не схлопывание.

Почему верхние и нижние внешние отступы пустого блока не схлопываются?

С чем они тут должны схлопнуться? Соседей ведь нет.
Тут они могут только выпасть.
И скорее всего это делают.
Для проверки можно задать тень для body

Почему пустой div смещается, если ему задать margin-bottom?

Причем, с участием body.
Если div перестанет быть пустым, то всё починится.