Создать HTML-страницу со структурой документа.

Проверить наличие кодировки utf-8 в теге meta.
Осмысленно заполнить тег .
Отформатировать текст в соответствии с макетом (скриншот в архиве с материалами), используя:

теги заголовков - , следите за уровнем заголовка по скриншоту;
тег параграфа используйте для текстовых абзацев;
тег добавит горизонтальную линию;
выделение текста:
- курсивное выделение;
- полужирное выделение;
- дополнительное выделение;

Создать стилевые описания:

Подгрузить файл шрифта (в архиве в папке font)
body
цвет фона: белый
цвет текста: черный
шрифты: sans-serif
размер текста: 1.2em
высота строки: 1.8em
h1, h2, h4
цвет текста: #0066AE
h1
цвет фона: #E1F3FF
шрифт: ObelixPro
размер текста: 3em
letter-spacing: .5em
высота строки: 3em
выравнивание текста: по-центру
text-shadow: 0em 0em .1em white, .25em .25em .1em rgba(0,0,0,0.5)
h2
text-shadow: .1em .1em 0 #ccc;
p
выравнивание текста: по всей ширине страницы
i, b
цвет текста: #999
i
шрифт: serif
mark
цвет фона: #ccc
шрифт: monospace

Материалы для выполнения задания скачать из архива, разархивировать в отдельную папку задания. Выполненное задание выложить в качестве ответа.

ПОСЛЕДОВАТЕЛЬНОСТЬ ФИБОНАЧЧИ, математическая ПОСЛЕДОВАТЕЛЬНОСТЬ, каждый член которой является суммой двух предыдущих. Таким образом, если энный член последовательности обозначается хn, то для всей последовательности справедливым будет уравнение: хn+2=хn+хn+1, первыми двумя членами которого будут x1=l и x2=1. Порядок последовательности при этом таков: 1, 1, 2, 3, 5, 8, 13, 21..., следующим числом будет 34, т. к. сумма 13 и 21 равна 34 и т.д. Когда число n становится очень большим, отношение соответствующих членов устремляется к величине (Ц5+l)/2. Это соотношение называется золотым. В природе последовательность Фибоначчи можно проследить на примерах спирального развития сегментов раковины и лепестков подсолнуха, расходящихся лучами из одной точки в центре цветка. см. также ЗОЛОТОЕ СЕЧЕНИЕ. 

Решать подобные задачи использование диаграмм.
Очертим три окружности, означающие драмкружок, спортсменов и хор. Области пересечений окружностей означают одновременную принадлежность к двум или трем категориям занятий. Начнем заполнение.
1. Всем трем областям соответствует условие "3 спортсмена посещают и драмкружок, и хор)". Ставим число 3 (помечено красным).
2. В драмкружке 10 ребят из хора. Следовательно, в области пересечения "Драмкружок+хор" должно находиться число 10. Но часть этой области пересекается с областью, где находятся все три категории занятий, поэтому из 10 вычитаем стоящую в этой области красную тройку и получаем число 7 (помечено синим). Т.е. посещают драмкружок и хор, но не занимаются спортом 7 человек.
3. В хоре 6 спортсменов. Рассуждая аналогично (2) получаем синее число 3.
4. В драмкружке 8 спортсменов. Получаем синее число 5.
5. 27 ребят занимаются в драмкружке. Вычитаем из этого количества число ребят, принадлежащее общим областям 7+5+3=15 и получаем 27-15=12 человек, которые занимаются только в драмкружке.
6. Аналогично получаем 11 спортсменов и 19 участников хора.
7. Всего 70 учеников. Вычитая количество учеников, которые чем-либо заняты, определяем, что 10 человек не заняты ничем.
8. Только спортом, как видно из рисунка, занимаются 11 человек