Шохрух Шаймардонов

Добавьте в вашу ссылку аттрибут чтобы скачивался файл.
Вот так:

<a href="http://somedomain.com/name.pdf" download>Скачать файл</a>

Animation-delay для отложенного запуска. Но не спасет с lazy-load (есть кончено хромовский lazy-load, который поддерживается далеко не всеми). Тут уже с js можно запустить для запуска при видимости

Position: absolute для элемента задайте либо размеры задавайте не в % а в: vw/vh, rem/em

Подкорректировал

У вас почти все имеется(судя по описанию задачи) вам только необходимо сделать блур. Для этого используйте ::before и ::after, стилизуйте их. Если решение нужно для современных браузеров то достаточно для них задать blur() в css, инача через js либо тот же самый css, только немного больше кода вместо blur'a

Возможно я не так понимаю проблему, но может вам стоит просто также при сабмите ajax-ом отправлять запрос на сервер и редиректить на ту же страницу

С такой же проблемой столкнулся пару дней назад, и решением оказалось такое решение:
type="text/javascript" src="runtime.js">
Как я пришел к этому:
Попробуйте по разному прописывать пути и в девтулзе наводите на саму ошибку с
Failed to load resource
Он будет показывать полный путь по которому ищет файл, собственно от этого и плясите.

Как сказал Петр, проставьте padding и будет у вас фон.

Копайте в направлении "парсинг сайтов в excel.
Вот например туториал

Добавьте свойство transition

Про transition на MDN

Посмотрите в DevTools, возможно у вас высота body нулевая.

Тоже проверил, никаких проблем. Пусть заказчик скинет хоть какой-нибудь пруф. Тогда и можно будет разбираться, что где не так работает

Добавьте к блоку ::after и из него (after) с помощью border сделайте треугольник нужного вам размера, и полученный треугольник сместите вверх, чтоб он перекрывал ваш блок

Selector:hover {
	box-shadow....
}