Не применяются стили к тегу p?
Лишняя закрывающая скобка#left-side{
  padding: 40px 40px;
  width: 50%;
  
}

  
}
#hide{
У вас прямо перед блоком #hide лишняя закрывающая скобка, вот стили дальше и не работают.На оригинале подчеркивание находится на некотором расстояние от содержимого, у меня подчеркивание стандартное. Как его можно отдалить(подчеркивание) от содержимого пользуясь только html и css ?
Использовать border-bottom или псевдо-элементы.
Судя по форматированию вы не пользуетесь IDE - поставьте себе WebStorm и вам больше никогда не придется тратить три часа своей жизни на поиск лишних скобок.