Ivan Bogachev

Можете поместить в разметке label после input и с помощью нехитрой конструкции

input:focus + label {
    /* .... */
}

делать с ним все, что захотите (вероятно с помощью transform).

Посмотрите на лицензии Creative Commons. Там как раз есть запреты на коммерческое использование. Я бы особенно посмотрел на CC BY-NC 4.0 (тут ее содержимое в двух словах).

Перестал запускать hearthstone, в чем может быть причина?

Linux нас предупреждает, что в гугле скоро закончат разработку искусственного интеллекта и он захватит мир, и нам нужно изучать технологии, а не в игрушки играться, а то потом будет уже поздно...

А, о чем это я..

Подскажите в чем может быть дело?

В логе по английски написано по крайней мере две вещи:
1. Wine Mono is not installed
2. ntlm_auth was not found or is outdated. Make sure that ntlm_auth >= 3.0.25 is in your path.
Стоит убедиться, что и то и другое установлено и обновлено (по словам "случилось страшное" и "Каким то чудом" сложно сказать, что произошло, но вероятно оно не "само сломалось").

Можно ли работать с Wi-fi в Kali linux на VirtualBox?

Можно. Но нужно быть готовым к тому, что:
1. Все будет тормозить (ну разве что жить в терминале, но это не всегда вариант)
2. Вы не сможете менять настройки реального wifi адаптера (это автоматически убивает часть атак, полезных для ознакомления, и часть старых финтов ушами вроде переезда в Боливию)

Так что если вы хотите просто так поиграться с Kali - запускайте в виртуалке, если же ставите целью серьезное изучение - запускайте на реальном железе (с жесткого диска или с флешки).

З.Ы.: и чем вам Grub не угодил?

Какие вы знаете аналоги вышеуказанных шрифтов с кириллицей?

Proxima soft и так идет с кириллицей - https://www.myfonts.com/fonts/marksimonson/proxima..., зачем аналоги?

Вам стоит почитать про свойство object-fit. Для IE придется подставлять полифилл, но в остальном - это наименее костыльное решение.

Обычно это делают с помощью :before и :after и больших-больших бордеров - можете посмотреть пару демок (1, 2).

Сайт работает - это хорошо.
Есть разметка микроданных - тоже хорошо.
Сайт не тормозит - это замечательно (тут я совершенно серьезно).
Дизайн... ну... ужасен. Устарел лет на пятнадцать. Стоит о нем задуматься (см.ниже).
UX? Некоторые вещи сделаны прям по фен-шую, но большинство - нет. Ах да, не переделывайте внешний вид скролла - бесит.
В коде - полнейшая жесть. Почитайте про БЭМ или RSCSS. А потом про системы сборки (на тостере уже много раз спрашивали).

Основные проблемы:

• Маленькие буквы, которые на главной еще и "мылятся" + отвратительный шрифт. Стоит сходить на fonts.google.com и выбрать другой. Я обычно по дефолту беру семейство Ubuntu - просто, но глаз не режет.
  
• Маленькие отступы, все сливается в кашу. Не постесняюсь предложить к ознакомлению свою статью - пример там получился так себе, но сама идея работает. Проверено.
  
• Нет возможности работать с клавиатуры (доступные сайты - это круто, кто бы что не говорил)
  
• С адаптивностью есть проблемы (она есть - это хорошо, но многие элементы "плющит" и "колбасит" при изменении размера окна)
  
• Тени стоит уменьшить (до 0px 1px 3px)
  
• А про UX тут на днях уже спрашивали - почитайте.
  

как убрать горизонтальную прокрутку при ширине менее 500px

Там, как бы так сказать, у .body_root_1, .body_root_2, .body_root_3 и .body_root_4 стоит min-width: 960px.

Есть ли большой смысл делать слайдеры,popup,табы и т.д на чистом css не используя JS ?

Что выбрать, слайдер на чистом CSS или с использов...