HTML - Espacio vacío al costado de la página

Todo en la página es completamente responsive, pero queda todo ese bulto al costado de la página y no tengo ni la menor idea de como quitarlo, previamente habilité la función de overflow-x:hidden para que no se deslice horizontalmente hacia la derecha, funcionó pero en cuanto lo subí y lo probé desde mi celular no funcionaba, la página podía deslizarse horizontalmente hacia la derecha, a lo cual, estuve tratando de quitar ese espacio vacío del costado para no tener que deshabilitar el desplazamiento horizontal (ya que no funciona para dispositivos móviles). Les dejo adjuntado tanto el código css como el html, no coloqué la parte del responsive (max-width, etc) ya que el código completo cuenta con casi 2.000 líneas, por favor ignoren la redundancia e infeciencia en todo el código, empecé hace 3 semanas a aprender y aún me falta mucho por comprender, les agradeceré eternamente su ayuda! Estaré atento, saludos y gracias de antemano!

Aquí les dejo el enlace de Github, el html está bajo el nombre de "index" y el css está bajo el nombre de "EstiloNuevo":

https://github.com/mate1891927/Nueva-pagina

De igual manera, la página se encuentra subida en el servidor de Github, así que si quieren mirar el error del que les hablo en tiempo real, aquí les dejo el enlace, pero traten de entrar desde sus celulares porque desde pc no se aprecia el problema:

https://mate1891927.github.io/Nueva-pagina/