For the life of me I can't get Buddypress pages to not break my CSS. I finally had a breakthrough by adding this code to the custome code header section on pagelines settings backend.
It fixed the CSS on Google Chrome, and only Google Chrome. Safari, Firefox, and IE are still broken. I attached the screenshot of what it looks like. I have done the steps for buddypress and page lines, 1,000,000 times. I hope the code above can help people figure out my problem .