Ankhena

Довольно дураковатый вариант
https://jsfiddle.net/nq9hjpts/
https://jsfiddle.net/nq9hjpts/1/
чем больше радиус, тем больше надо повторений

Вариант 1: см ответ Иван Сергеев
задать ей class или id

Вариант 2:
если надо покрасить ссылку, которая ссылается на конкретную страницу:

a[href="тут чему равно"] {
стили
}

При этом можно использовать не только знак равенства, а также содержит, начинается, не равно и т.д. https://habrahabr.ru/post/85920/

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

Либо так: https://www.fontsquirrel.com/tools/webfont-generator - поместить туда ttf - на выходе получить весь набор, положить его в папку со шрифтами, скопировать CSS, проверить пути к шрифтам.

Либо так: https://fonts.google.com/specimen/Lobster скачать набором либо через import

Да, обязательно, если Вы хотите считать себя верстальщиком.

Применяя бутстрап, Вы, в основном, просто расставляете классы и обертки.
Обязательно нужно понимать что и почему происходит.
Фремворк, препроцессор - это просто инструменты для ускорения работы. И препроцессоры тоже имеет смысл знать, задания и на них есть.

Зная/применяя только бутстрап, Вы просто ограничиваете свое поле деятельности и все.

Заказчики всякие бывают и те кому подавай бутсрап (часто просто потому что они слышали от кого-то это слово и теперь произносят его с придыханием) и те, кому он строго не нужен.

На Ваш выбор:
display: table
display: inline-block
display: flex
columns

"поднималась" это "приподнималась"?
так: https://jsfiddle.net/7yojL44k/ ?

Размер тени варьируйте как хотите.
Сдвиг можно делать кучей разных вариантов, за счет margin, border, сдвигов top, transition...