artem

1. Не стоит использовать id для стилизации, используйте классы. И один id на странице может использоваться только один раз. Т.е. не могут одновременно существовать два div'а c id line.
2. Чтобы сделать полосочки не нужны целые div'ы.
Псевдоэлементов за глаза и за уши хватает.
Полосочки это украшения, а не содержательная часть страницы.
3. Переходите на flex и grid. Флоаты придумали не для этого.
4. Два br подряд это дурной тон. Отступы делаются с помощью padding и margin.
5. Префиксы ручками в исходниках не пишут, а используют автопрефиксер https://autoprefixer.github.io/ru/ Причем, обычно, встроенный в сборщик.
У вас они еще и в неправильном порядке написаны.
Свойство без префикса должно идти последним (за очень редким исключением).
6. Надпись становится рядом с картинкой потому что вы сказали ей "встань слева и пусть все обтекает тебя справа" (float:left) И еще потому что надпись span, т.е. строчный элемент. Нужно либо div либо p либо сделать span блочным.

В какой сфере двигаться front-end or back-end?

В обеих. Специализироваться начнёте, когда из джунов выберитесь.

В планах изучить javascript по книге, Выразительный джаваскрипт, уже там 70 страниц осилил, потом python доучить, нормальный план? Посоветуйте другой, если этот кажется плохим.

Вполне.

Высшее образование. Могу пойти учиться через год, а нужно ли?

Вам виднее. Можно и без вышки стать программистом, но наличие корочки открывает дополнительный процент рынка и дарит связи, которые нигде больше не завести.

Не стоит.

Все сайты, что вы видите в выдаче:
1. Используют партнерку с фильмами и встроенной рекламой, получая по паре копеек за показ
2. Администрируются опытными сеошниками в паре с копирайтерами, пишущими эти чудовищные описания к каждому фильму, потому что даже вторая страница поиска уже не даст никакого результата в показах
3. Имеют кучу зеркал, потому что домены банятся пачками ежедневно
4. Лежат на абузоустойчивых хостингах
5. Домены зарегистрированы через третьи фирмы

Вот теперь посчитайте затраты на это, умножьте на риск попадания под административку/уголовку и прикиньте дневной заработок. Сойдется у вас экономика?

Боюсь, вы со своими идеями лет на 10 опоздали. Лучше займитесь изучением разработки. К своему совершеннолетию будете готовы работать за хорошие деньги полностью в рамках закона.

то есть как-то так?
https://jsfiddle.net/n32sk450/2/

Для transition можно указывать свойства которые вы хотите анимировать:

div#register>a>div.btn {
  float: right;
  color: #ffffff;
  font-size: 1.4em;
  background-color: #acc6e6;
  border-radius: 5px;
  padding: 5px 9px;
  font-family: "Bahnschrift";
  font-weight: 600;
  margin-right: 2%;
  margin-top: 10px;
  transform: translateX(0);
  transition: color 0.5s ease, background-color 0.5s ease;
  -o-transition: color 0.5s ease, background-color 0.5s ease;
  -ms-transition: color 0.5s ease, background-color 0.5s ease;
  -webkit-transition: color 0.5s ease, background-color 0.5s ease;
  -moz-transition: color 0.5s ease, background-color 0.5s ease;
  border: 1px solid #f2f2f2;
}

div#register>a>div.btn:hover {
  color: #acc6e6;
  background-color: #ffffff;
}

div#register>a>div.btn:active {
  transform: translateX(2px);
}

+ Дополнительно:
плохая идея анимировать margin, так как он изменяет layout (+ анимация не будет 60fps),
для плавных переходов, которые не требуют изменения layout лучше использовать transform ( https://medium.com/outsystems-experts/how-to-achie... )

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

о чем это я? занимайтесь тем, что нравится.
если занимаешься тем, что нравится – отсутствующие навыки нарабатываются быстро и легко.

Я из Украины.

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

Потому что вторая функция переписывает первую. Если делать вашим способом, то правильно как-то так:

window.onclick = function (event) {
 if(event.target == modal) {
  modal.style.display = "none"; 
 } 

 if(event.target == modal2) {
  modal2.style.display = "none"; 
 }
}

А обычно делают как-то так:

modal1btn.addEventListener(`click`, (e) => {
 e.preventDefault();
 modal1.classList.add(`modal--hidden`);
}

modal2btn.addEventListener(`click`, (e) => {
 e.preventDefault();
 modal2.classList.add(`modal--hidden`);
}

Фронтент: HTML, CSS, JS ( можешь с JQ, SASS, Bootstrap, React)
Бекенд: в принцепе и на python можешь писать ( Flask, Django ). Альтернативы PHP, NodeJS, C#, Java, Go.

ехать можно много куда. вопрос только в том сможете ли вы туда поехать/пустят ли вас туда.
трудовое законодательство/визы/санкции/и–все–такое достаточно просто разрушают иллюзорный мир несостоявшегося (пока) уежатора.