Не получается соединить CSS к HTML, как сделать?

Как мне кажется, код на codepen не Ваш, а Вы хотите его подключить к себе на страницу. Обратите внимание на то, какой подозрительный там html... Какой-то css не канонический, и js черезчур лаконичный.

Dima Polos, да, Вы правы, он не мой, но мне понравился этот код. Вы правда считаете, что с ним что-то не то? :(

VitalyDmi, с кодом все то, там все как бы ок, но его нельзя перенести просто скопировав)
В html там код написанный на шаблонизаторе pug, он после написания обрабатывается через спец утилиту, которая сделает из него html, тоже самое и с CSS, там Stylus. В JS во-первых подключена сторонняя бибилиотека + видимо тоже сборка через утилиты. Итого, чтобы это взять и перенести к себе надо:
1. Поставить Node,js.
2. Разобраться с Gulp, например.
3. Настроить сборку Pug и Stylus.
4. Разобраться с Webpack, найти подключаемый модуль и собрать все это тем самым Webpack.
Вариант альтернативный: разобраться поглубже с Webpack и собрать это все с помощью одного webpack, но там еще более дремучий лес, еще extractPlugin нужны)

Dima Polos, уу, я лучше поищу другое что-нибудь похожее, если конечно найду.. то что Вы сейчас написали, это действительно для меня дремучий лес, я новичок в этом плане и понял только 30% этого :)

VitalyDmi, да, лично я бы тоже не стал заморачиваться, хоть и умею все это делать) просто лень было бы)

https://codepen.io/anon/pen/WWrMEb

Ankhena, хм, не знал) Спасибо, буду знать)