Почему при задании background color на элемент html, цвет расползается по всей странице?

ThunderCat, https://jsfiddle.net/L82t03fu/1/
цвет хтмл расползается по всей странице, хотя должен только до border

Почему при задании background color на элемент html, цвет расползается по всей странице?

ThunderCat, цвет должен быть до конца границы(border), а он расползается вообще везде на всю страницу, за пределы бордера

Почему при задании background color на элемент html, цвет расползается по всей странице?

ThunderCat, чтобы цвет был только у контента и паддинга html, нет? не понятно из моего поста?

Почему тут два font family?

Олег Соломатин,
Нет, для lorem тут еще один кусок кода есть. И там пояснено что они оба для boost. Вот весь код

/* Style for "Boost up y" */
width: 721px;
height: 53px;
color: #ffffff;
font-family: "Open Sans";
font-size: 16px;
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: 24px;
text-align: center;
/* Text style for "Boost up y" */
font-family: "Gotham - Black";
font-size: 35px;
font-weight: 400;
font-style: normal;
letter-spacing: -0.88px;
line-height: normal;
text-transform: uppercase;
/* Text style for "Lorem Ipsu" */
font-family: "Open Sans Light";
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: normal;

Не работает картинка через псевдоэлемент бефор?

А как ее наполнить? Обязательно в контент что то писать? А если ничего кроме картинки у меня в целях нет?