Сергей Марченко

у тебя есть проверка на валидность, на сопоставление логина и пароля. в том же скрипте встрой редирект.
Если проблемы, то пиши

iframe {
    display: block;
    margin: 20px 15px 10px 5px; /* top right bottom left */
}

Ключевой момент - это display: block;

Не нужен js
Анимируйте opacity с delay. codepen.io/aliencash/pen/dONRZP

www.w3schools.com/jsref/met_loc_reload.asp

Используйте обнуление css в самом начале.
Гуглите CSS Reset .
Исторически сложилось что браузеры присваивают списка собственные стили. margin: auto не причем.

Родителем li не может быть див, это не валидно. Ul и ol валидные родители для li.
https://jsfiddle.net/jwg3tafe/

Свойство float отвечает за то, с какой стороны другие элементы будут обтекать тот, к которому оно применено. В вашем случае, рядом с .header-top-block-logo2 только .header-top-block-logo, а это блочный элемент, он ничего обтекать не умеет.

Вы, в общем-то, на верном пути - вам действительно нужно разобрать как работает float (ну и вообще поток страницы), на эту тему за годы использования этого кривого костыля метода написано множество статей.