pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Что надежнее — прокси или VPN?

Лучший ответ: Это разные технологии.
Обе работают вполне надежно и выполняют свои задачи.
Задача VPN организовать частную сеть, задача прокси - перенаправлять трафик.
К смене IP они никакого отношения не имеют, хотя их можно использовать и  для этого. И достаточно ли прокси или VPN + разный юзерагент для анонимности на форуме?Нет. Сами по себе ни прокси, ни VPN анонимность не обеспечивают.
Если нужна анонимность предпринимают комплекс мер по обеспечению этой самой анонимности, используя разные инструменты для достижения цели, в том числе VPN, прокси, и кучу других программ и технологий.

Худший ответ: VPN расширения для браузеров тоже на самом деле работают через прокси. Браузер сам неможет создавать випиэновые подключения.   Еще замечал, что VPN иногда не работает. С прокси бывают проблемы со стабильностью?
Зависит от прокси и випиэна, если вы нашли проксю из какого-нить банана репаблик то неудивляйтесь. Советую юзать ТорБраузер, он не оставляет куки + всегда халявная прокси с обновляющимся IP
Вопрос: Как проверить существует ли указатель или был удален?

Лучший ответ: В Си++11 для этого есть два класса: std::shared_ptr и std::weak_ptr.
Первый служит для того, чтобы несколько указателей «смотрели» на один объект, и при исчезновении ВСЕХ объект автоматически исчезал.
Второй «смотрит» на тот же объект, что управляется shared_ptr’ами, но не мешает объекту удаляться. Его можно преобразовать в shared_ptr и тогда уж посмотреть, исчез объект или нет.
UPD. Вы делаете свой shared_ptr. Тогда, если shared_ptr не NULL — значит, считаем, что объект действительно там есть! А если кто-то удалил своими силами — значит либо shared_ptr глючный, либо кто-то удалил объект в объод семантики умных указателей.
Кроме того, код по ссылке странный. if (ref_count == 0) — это мы сравниваем указатель с NULL! Написано «переписываем оператор равенства» — по факту переписываем операцию присваивания…

Худший ответ: Использовать shared_ptr/unique_ptr вместо сырых указателей.
Вопрос: Что такое асинхронный сокет?

Лучший ответ: нет, эквивалентность многопоточности и асинхронного сокета отсутствует.
попробую объяснить суть асинхронного сокета на простом примере.
подходите вы к лотку купить минералки, а её нет, но продавщица сообщает, что скоро привезут. 
возможные варианты вашего ответа:
1) "я подожду" - синхронный сокет, программа ожидает, пока не придёт сообщение.
1.5) "долго не везут что-то, надоело ждать, ухожу" - синхронный сокет с таймаутом
2) "ну ладно, я попозже загляну" - асинхронный сокет, программа не ждёт сообщения и занимается своими делами дальше
2.5) "я вернулся, ну как, привезли? да? ну вот и отлично, забираю" - асинхронный сокет, очередная попытка приёма данных, на этот раз успешная
3) "алё, Вован, я стою минералку жду, вернусь попозже, работай, не отвлекайся" - синхронный сокет + многопоточность. один поток ожидает приёма данных, другой поток работает
3.5) "Вован, тут минералки ещё нет, ща вернусь" - многопоточность + асинхронные сокеты. несколько потоков работают одновременно, на приеме данных не блокируются

Худший ответ: Нет.
Потоки исполнения в программе - это Multithreading.
Асинхронный сокет - это параллельно-независимый (асинхронный) обмен данными внутри сокета.
Вопрос: Верстальщику нужно развивать качество работы или скорость?

Лучший ответ: Верстальщику нужно развивать способность программировать на JS!качество работы или скорость прочитайте еще раз свой вопрос! Конечно же качество превыше всего и даже не должно стоять в вопросе.
Остается, нужно ли развивать скорость верстки?! Конечно нужно!

Худший ответ: смотря как ты хочешь работать. к примеру есть заказчики, которые хотят полную верстку 10 страниц завтра. и готовы за это заплатить трехкратную сумму, а есть заказчики которые хотят видеть самый лучший проект и сроки для них не важны. и они по дефолту готовы платить хорошую сумму за действительно профессиональную работу. если грубо эти 2 момента сравнивать, то ты получишь на выходе по сути одно и то же. значит сам выбирай исходя из того как ты хочешь работать
Вопрос: Как задать отступ для tr в table?

Лучший ответ: А что не работает?table {
  border-spacing: 10px 10px;
}

Худший ответ: Долго мучался, помогло:
tr { 
display: block
}
Вопрос: Как получить в php файле данные от запроса fetch?

Лучший ответ: Воспользуйтесь вот этой функцией:function getFormData($method) {
 
    // GET или POST: данные возвращаем как есть
    if ($method === 'GET') return $_GET;
    if ($method === 'POST') return $_POST;
 
    // PUT, PATCH или DELETE
    $data = array();
    $exploded = explode('&', file_get_contents('php://input'));
 
    foreach($exploded as $pair) {
        $item = explode('=', $pair);
        if (count($item) == 2) {
            $data[urldecode($item[0])] = urldecode($item[1]);
        }
    }
 
    return $data;
}
Взято отсюда

Худший ответ: Вам нужен GET а не POST
Вопрос: Куда нужно смотреть верстальщику для увлечения зп?

Лучший ответ: ты указал "кроме JS", и ты называешь себя верстальщиком? щас не 2007 года, когда js считался прерогативой бекендеров. я к тому что без js ты точно никуда не продвинишься и зп не увеличишь. обычно на твой вопрос люди бы посоветовали идти в сторону полноценного фронтендера. с angular, react и т.д. но там без js точно никак.

Худший ответ: Сюда:  web-standards.ru
Вопрос: Как ограничить пользователей удаленного рабочего стола?

Лучший ответ: Так же они могут выключать сервер, ставить ПО и так далее. Почему так происходит? Я же не давал им администраторов.Значит ваши пользователи имеют права администратора. как огранить пользователей до уровня "Пользуйся чем дают", по убирать из меню ПУСК все программы которые их не касаются и вообще запретить трогать сервер?gpedit.msc - Политики ограниченного использования программ

Худший ответ: Опубликовать требуемые приложения в RemoteApps и не пускать пользователей напрямую на сервер.
Вопрос: Верстка у нас и в США (одеск) есть ли ключевые отличия?

Лучший ответ: Поработав на апворке и с заказчиками из СНГ могу ответственно заявить, что ключевых отличий нет. 
Все зависит исключительно от капризов отдельно взятого клиента и его перфекционизма. А замороченный до мелочей человек может жить хоть в Омске, хоть в Нью-Йорке.
Лично сейчас вспомнил случай, как Российский заказчик выдвинул огромный лист требований. Кроме пиксель-перфект он например просил писать аннотации с оглавлением к каждому Sass-файлу. Потом мы проверяли отображение сайта на всех браузерах, оптимизировали скорость работы и много чего ещё. Нужно сказать, что сайт в итоге получился очень хорош. А на апворке редко когда сталкивался с клиентами, которые требовали вообще что то кроме просто хорошей верстки, которая работает во всех браузерах.

Худший ответ: Отличия в менталитетах есть.
Но они связаны не с версткой, а с проектами вцелом.
По моим наблюдениям, чем богаче страна, тем лучше работодатели :D
Греки и турки на моём опыте - трындец какой то. Хотя и жили некоторые в лондоне.
Австралийцы, американцы, канадцы самые адекватные и щедрые.
Норвегия, британия - ни то ни сё, по разному.
германия - трэш)
Там и до верстки докапываний тоже много было. но и по остальным направлениям не меньше.
Вопрос: Старый комп, intel pentinium 4?

Лучший ответ: Это печатная машинка для работы с документами в офисном пакете "тех" времен (примерно двенадцать-пятнадцать лет назад). Больше он ни на что не годен. Теоретически можно память нарастить, если есть - XP будет крутиться. 
Игры, графика? Только "тех" времен. Современные игры - забудьте, не пойдет ни одна.
Это исключительно электронная печатная машинка.

Худший ответ: Играть - ничего (даже старые игры не запустятся), любая графика - забудь, апгрейд - разве что озу добавить, до 2-ух ГБ хотя бы. 
ОСь - лучше xp.
Вопрос: Yii2 или Symfony3?

Лучший ответ: Но пишут что symfony больше подходит для enterprise проектов. Что скажете?Чем он лучше yii2? 
Разница между этими двумя фреймворками кардинальная. Symfony - нацелен в первую очередь на качество кодовой базы, yii - на скорость разработки (т.к. yii - это RAD-фреймворк).
Лучше конечно использовать симфони т.к. в нем из коробки реализован ряд подходов используемых для разработки enterprise, в отличии от yii2. Но так же нужно понимать что
сам по себе фреймворк - это не панацея. В первую очередь разработчики создающие проект должны понимать как строятся enterprise-приложения, подходы к его разработке и т.п.

Худший ответ: Есть такое мнение, но скорее вопрос больше теоретический чем практический. В yii2 больше не красивых моментов чем в симфони. Но реально есть куча enterprise на yii2 и отлично все.
Я бы выбирал между Yii2 или Symfony3 не с точки зрения "enterprise" или "не enterprise", а исходя из архитектуры проекта.
И вот кстати уже обсуждали:
Почему Yii/Yii2 не подходит для крупных проектов?
Вопрос: Как выглядят сервера для мобильных приложений?

Лучший ответ: Для загрузки изображений, видео и т.д используется http запрос с методом post. При формировании запроса указываются заголовки, тело запроса и т.д, что обычно делается браузером при отправки формы. Тут Google в помощь.
Есть вариант №2, где общение с клиент-сервером идет на сыром tcp / udp и оболочками над ними. Ход действий:
0. Открыть соединение с сервером
1. Открыть и прочитать файл
2. Отправить пакеты с данными(action, data, hash и т.д по своему усмотрения)
3. Принять пакет и его прочитать. Обработать action, извлечь данные, проверить валидность.
4. Сохранить фото или любое другое действие.

Худший ответ: Вам нужно API на стороне сервера.
И работать с запросами к нему из приложения.
Вопрос: Как подключить 2 корпусных куллера на msi b250m pro-vd?

Лучший ответ: Разветвители существуют, например "Deepcool FAN HUB".
Кулеры не следует вставлять в непредназначенные для этого разъемы.

Худший ответ: В комплекте с кулером был переходник на молекс, через него и подключил :) Всем спасибо за помощь
Вопрос: Как загружать информацию о продукте при открытии в модальном окне?

Лучший ответ: как уже написали - аяксом грузить в модалку данные неплохой вариант, однако если таких данных не очень много, их можно хранить в дата атрибутах кнопки "быстрый просмотр" и при клике заполнять поля модалки этими данными. Плюсы только в случае небольшого объема данных, но чаще всего так и есть, данных там 2 строчки описания и линк на 2-3 картинки.

Худший ответ: Здравствуйте!Как вы решили данную ситуацию?У меня не выходит подгрузить товар в модальное окно (cms opencart)
Вопрос: Сложный перенос Wordpress сайта, имеем большой опыт переноса, но тут уже 4 прогера сдались. Поможете?

Лучший ответ: Всегда переношу сайт по разному... все зависит от того, что есть у юзера на хостинге. Если есть SSH, то это радует, а если нет, то можно запаковать сайт средствами рнр. А далее также распаковать средствами рнр. Опять-таки через ssh удобно работать.
Или скачиваю архивы, далее заливаю через Total Commander + синхронизирую каталоги, чтобы исключить недокачанные файлы... Или можно сайт-донор запаковать при помощи Updraft Plus Backup вместе с ядром ВП и всеми плагинами, темой и т.д.
Что касается импорта БД, то я обычно изменяю вручную только wp_options (home_url и site_url). После чего устанавливаю плагин Better Search Replace и провожу замену всех строк в БД, в том числе и guid.
После чего включаю дебаг и проверяю на наличие ошибок. Обычно, никаких проблем не бывает. Желательно отключать плагины перед переносом. Например, плагин Wordfence будет выдавать ошибку, если вы перенесли сайт, не произвели замену в БД, а пути отличаются...

Худший ответ: Fatal error: Uncaught ArgumentCountError: Too few arguments to function get_featured_post_image(), 8 passed in /home/m/makczhelma/dailydiary.ru/public_html/wp-content/themes/emptilium/index.php on line 73 and exactly 9 expected in /home/m/makczhelma/dailydiary.ru/public_html/wp-content/themes/emptilium/lib/functions/theme-functions.php:522
По моему из лога все ясно и понятно. Фатальная ошибка, после которой перестает работать php. Так-же написана ее причина, что не хватает аргументов в вызове функции. Самый начинающий в силах справиться и проверить, что за функция и зачем ей 9й аргумент.
Вопрос: В чем разница между & и &&?

Лучший ответ: & - битовая операция и работает с целыми, а не с bool как вы решили.
&& - операция логическая и работает с bool.
Аналогично с | и ||. Дальше - гугл по словам "%LANGNAME% operators"

Худший ответ: Операции && || ! :
используются для проверки истинности своих операндов.
Операции & | ^ ~ << >> :
используются для управления битами в своих операндах.
Если у тебя есть переменные flag1, flag2, flag3, ты можешь проверить их на истинность:if ((flag1 && flag2) || !flag3) {
    something;
}
А если у тебя есть переменная states, ты можешь проверить в ней какие-то определённые биты:if (states & (0x1 | 0x4)) {
    something;
}
0x1 - в битовом представлении выглядит как
00000000 00000000 00000000 00000001
0x4 - в битовом представлении выглядит как
00000000 00000000 00000000 00000100
0x1 | 0x4 - в битовом представлении выглядит как
00000000 00000000 00000000 00000101
Пример1:
Если states равно 0x123 - в битовом представлении это выглядит как
00000000 00000000 00000001 00100011
Выражение states & (0x1 | 0x4) - в битовом представлении будет выглядеть как
00000000 00000000 00000001 00100011 &
00000000 00000000 00000000 00000101
=
00000000 00000000 00000000 00000001
Получилось, что всё выражение равно 0x1 или просто 1.if (0x1) {
    something;
}
Пример2:
Если states равно 0x122 - в битовом представлении это выглядит как
00000000 00000000 00000001 00100010
Выражение states & (0x1 | 0x4) - в битовом представлении будет выглядеть как
00000000 00000000 00000001 00100010 &
00000000 00000000 00000000 00000101
=
00000000 00000000 00000000 00000000
Получилось, что всё выражение равно 0x0 или просто 0.if (0x0) {
    something;
}
Вопрос: Как провести собеседование на верстальщика?

Лучший ответ: Если не знаете - зачем тогда что-то выдумывать?
Дайте им работу - пусть делают.
Пусть сделают "резиновое" (без фиксированных разрешений!) поле без JS, Flexbox, table, Canvas, SVG:
Растягиваем окно браузера в любом направлении и оно выглядит так:

Худший ответ: Если нету претензий к качеству верстки то задачи такие:
1. Определить действительно ли это их портфолио :)
2. Оценить подходит ли для тебя по личным качествам.
Вопрос: Почему в Visual Studio этот код работает, а в Code::Blocks нет?

Лучший ответ: Во первых. "Не работает" обычно сопровождается какой то ошибкой. И ее надо прикладывать к вопросу.
Во вторых - важно не то в какой IDE, а какой компилятор используется.
Вангую что они у вас разные, с разной поддержкой стандартов.

Худший ответ: Во первых. "Не работает" обычно сопровождается какой то ошибкой. И ее надо прикладывать к вопросу.
Во вторых - важно не то в какой IDE, а какой компилятор используется.
Вангую что они у вас разные, с разной поддержкой стандартов.
Вопрос: Как в GIT удалить файл из отслеживания?

Лучший ответ: git rm --cached <назване файла> - ключ --cached удаляет указанный файл только из индекса, но сам файл а дальше как указано выше - добавляем файл в .gitignore (можно наоборот - сперва добавить в .gitignore а потом удалить его из индекса)и коммитимся

Худший ответ: PHPStorm + GIT. Как настроить игнорирование?
Вопрос: Какие достоинства хранения шаблонов в БД?

Лучший ответ: никаких, так делают имбицилы

Худший ответ: Удобство модификации программным путем.
Вопрос: Как ускорить select таблицы постов с десятью миллионами строк?

Лучший ответ: Смотреть запрос
Курить explain
Вешать индексы

Худший ответ: к меня ларка крутит таблицы с 200 млн строк и ничего. индексы правильно строй.
что за строки то кстати ? бывают "строки по мегабайту"
хотя может конечно память мало, железо дохлое. всяко бывает.  надо смотреть детали.
Вопрос: Как развить навык проектирования приложения или как стать Senior?

Лучший ответ: Вам помогут только время и большое количество реализованных проектов. Всё приходит с опытом.
Я, например, каждые полгода делаю ревью собственного кода за предыдущие полгода и ужасаюсь - как я мог так писать? А ведь полгода назад я мнил себя профессионалом... и так каждые полгода ))

Худший ответ: Все пишут что все с опытом, я согласен, но хочу добавить с каким именно опытом. Делая простые сайты визитки 10 лет ты будешь иметь опыт, скажем, не совсем тот что нужен сеньёру) Нужно участвовать в разработке больших, сложных проектов, и смотря как реализуются те или иные вещи, решая сложные задачи в рамках этих проектов приходит тот самый опыт - находить решения о которых еще не знаешь и как сделать что-то что уже давно придумали как делается(это про велосипеды)
Вопрос: Где искать удаленку за бугром?

Лучший ответ: В линкедине группы имеют низкую эффективность, нужно грамотно расширять сеть контактов и максимально качественно описать опыт работы на английском, важно также перечислить в графе "навыки" те технологии, по которым есть опыт и хотите найти новую работу.

Худший ответ: Актуальный треды на HN,  angellist, weworkremotely. Пишешь cv, апплаишся, профит.
Вопрос: Как применить такой эффект?

Лучший ответ: Рисуете шейп,
Ставите "FILL" слоя с шейпом на ноль,
Применяете drop shadow.

Худший ответ: Новый слой
Рисуете квадрат
На квадрат применяете эффект тень
Рендерите слой
Удаляете квадрат
Остаётся тень от квадрата без самого квадрата
Вопрос: Почему такая долгая инициализация UILabel?

Лучший ответ: Давайте разберемся со всем по порядку:
1. Инициализация UILabel происходит во время загрузки view из xib'a и происходит это задолго до того, как вы введете текст :)
2. Изходя из первого пункта, я думаю,  вы хотели спросить, "почему ответ появляется так поздно?".
Тут уже все сказал ManWithBear . Лишь дополню, как это должно выглядеть:DispatchQueue.main.async { [weak self] in
    self?.label.text = temp
}
3. Ну и в конце хочется дать несколько рекомендаций по код-стайлу:
а) писать именно weakSelf не стоит. просто [weak self] отлично работает. В такой ситуации код читается легче и подсветка синтаксиса работает корректнее;
б)методы с большой буквы не называют
в)если вам надо извлечь несколько optianal'ов подряд, это можно делать в одном операторе if:if let source = parsedObject as? [String: Any], let text = source["text"] as? [String] {
    for temp in text {
        print(temp)
        self?.label.text = temp
    }
}

Худший ответ: Потому что наверняка ответ приходит в бекграунде и вы там же обновляете лейбл, а одно из главных правил iOS разработки:С UI нужно всегда работать из main потока.
Так что оборачивайте weakSelf?.label.text = temp в диспатч на главном потоке.
Вопрос: Как написать скрипт для включения ПК по WoL?

Лучший ответ: wakeup.sh#!/usr/bin/sh
IP=$1
MAC=$2
dT=$3

while sleep $dT; do
	until $(fping -r 1 -q $IP); do
		etherwake $MAC
	done
done
пример запуска:./wakeup.sh 192.168.1.10 ff:ff:ff:ff:ff:ff 60

Худший ответ: Вообще было бы здорово иметь конкретный мануал по решению описанной проблемы. Она ведь возникает у всех нормальных людей, но на толковые решения я не натыкался.
В большинстве случаев NUT только мешает.
Я делаю так - выключаю в NUT всю автоматику, ОС не shutdown'ю. Если батарея у ИБП таки разряжается, то сервер выключается по питанию. Это хотя бы гарантирует его автоматическое включение после появления питания (при корректной настройке BIOS). Минус очевиден - некорректное завершение ОС, fsck, raid rebuild и прочие прелести.
Возможные варианты:
  * Shutdown ОС с помощью NUT через заданное время после пропадания питания. 
    Нет гарантии, что батареи хватит на заданное время (из-за деградации батарей). 
    Восстановление питания во время shutdown'а ОС. Получаем выключенный сервер.
  * Shutdown ОС с помощью NUT по достижении порога на остаток заряда ИБП.
    Все дешевые ИБП врут, особенно со временем, все мои - врут сильно.
    Опять же проблема с восстановлением питания во время shutdown.
Вопрос: Как сделать такой параллакс?

Лучший ответ: Он же в опен-сорсе

Худший ответ: https://github.com/Prinzhorn/skrollr
отличный плагин без всяких усложнений, как в scrollmagic
на счет добавлений, открывай девтулс и смотри)все же открыто)
Вопрос: Кто может подсказать по теоретическим вопросам по архитектуре таких сайтов, как соц.сети, сайты знакомств (интересует back-end: БД, картинкохранение)?

Лучший ответ: Вы написали огромную стену текста, но даже не попытались почитать как сделано у тех самых гигантов, которые вы перечисляете? Это ведь не секретные техники, почти у всех есть дев-блоги, многие на конференциях доклады дают, куча лекций по хайлоаду.
А вот и "глубокий" ответ: если вы думаете, что существует волшебный универсальный рецепт типа "все чаты храним в %databasename%", и "все фотки храним в %storagename%", то вы ошибаетесь. Придется учитывать специфику проекта, проводить сравнение разных подходов на реальных данных, и так далее.

Худший ответ: На половину оптимизационных вопросов гуглите YAGNI.
По бд возьмите PostgreSQL или Oracle. В обоих есть инструменты для решения всех ваших вопросов. Естественно оракловая база стоит немалых денег.
На NoSQL вообще не смотрите. Единственный сценарий использования NoSQL это таблицы фактов (как например лента пользователя) когда сами данные важнее связей между различными сущностями.
Вопрос: Какие есть библиотеки для работы с MS Word на C#?

Лучший ответ: NPOI и для Word и для Excel, и docx.codeplex.com для DocX (новый формат Word).а воспользоваться последним не получится, потому что тут уже требуется .NET 4 и выше.
Не требуется.

Худший ответ: есть очень классные решения от   Aspose 
я в текущем проекте использую их решение Cells как замену коме офиса,  работает существенно быстрее.
попробуйте. штука платная, но если подумать головой можно придумать как легально обойтись бесплатной версией(она полнофункциональная)
Вопрос: Как решать проблему недостаточного менеджмента в небольшой команде веб-разработчиков?

Лучший ответ: Руководитель правильно думает. Должно быть такая схема: продажник -> менеджер проектов -> разработчики.
Продажник ищет и ведет клиентов, все хотелки клиента оговаривает менеджеру, тот в свою очередь планирует весь проект (вместе с вами, либо сам), описывает все задачи вам, отслеживает вашу работу и тд. Вы в свою очередь делаете ровно то, что вам сказано, все это фиксируется (в трелло каком-нибудь). Каждый занят своим делом. Конечно, где-то вы можете пересекаться, но по-нормальному - должно быть именно так.

Худший ответ: очевидно что надо поднять в возможностях одного из разработчиков
Вопрос: Какой редактор+плагины лучше использовать?

Лучший ответ: 50к рублей на бушные циски не жалко, а лицензию зажопил покупать? :) 
сказочный персонаж на тостере

Худший ответ: Пользуюсь атомом уже несколько месяцев, отлично работает, единственное, что с некоторыми плагинами иногда бывает возня. Но в целом - очень удобен.
Вопрос: Насколько в России актуален Node.js?

Лучший ответ: Вы сами дали себе ответсмотрю вакансии на разных сайтах, и почти везде требуется php

Худший ответ: По моим наблюдениям и google trends это подтверждают php последние года 3 идет на спад. Знакомые разработчики на php говорят, что если раньше все выпускники ВУЗов знали php, то сейчас большинство знает python.
Что касается node.js то я смотрел вакансии два года назад. Вакансий особо не было, однако я знал кучу народа и проектов которые используют node.js и даже мне, к сожалению, приходилось на нем писать.
Сейчас довольно много всего делается на node.js,  не должно быть проблем найти работу.
Вопрос: Как выровнять h1 сверху?

Лучший ответ: там все через одно место сделано. если не вдаваться в подробности - вставь этоheader p {
    position: absolute;
    left: -50%;
    transform: translateX(-50%);
}
https://codepen.io/anon/pen/GNgEmJ

Худший ответ: body > * {
	background: #535353;
	height: 0.5em;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.5em;
}Это что за мазохизм? Уберите:
height: 0.5em;
width: 0.5em;
position: absolute;
left: 50%;
top: 50%;
Они делают все элементы внутри body размером 0.5em, более того смещают все на 50% от левой границы экрана. Зачем? Разебиресь с селекторами. Если надо было дать какому-то элементу такие стили, то найдите его, пропишите явно класс и в CSS пропишите:.my-new-class {
	background: #535353;
	height: 0.5em;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.5em;
}