Проблема в этом правиле:
* {
overflow-x: hidden;
}
Вообще, это очень плохая практика - сбрасывать таким образом какие-то правила. Это явный признак того, что человек не понимает, что происходит у него в CSS и борется сам с собой при помощи костылей. Учитесь, экспериментируйте, разбирайтесь почему работает так, а не иначе. На костылях и Тостере далеко не уехать.