Website Content Shown on Moz but not Chrome with Heroku

[Xekllentf]

I have a site I'm working on using the Sinatra framework and I've uploaded it to Heroku. On Firefox, I'm able to see the page and all of it's contents but on Chrome the color for all text, borders, etc. is white. Why is it doing this and how do I fix it? Note that I'm also using Zurb foundation for the HTML framework and Sinatra for the backend.Below is my CSS page.\[code\]/* LAYOUT *//*========*/.the-page { -webkit-box-shadow: 4px 2px rgba(0,0,0,.1), -4px 0 2px rgba(0,0,0,.1); -moz-box-shadow: 4px 0 2px rgba(0,0,0,.1), -4px 0 2px rgba(0,0,0,.1); box-shadow: 4px 0 2px rgba(0,0,0,.1), -4px 0 2px rgba(0,0,0,.1);}/* MISC *//*======*/.center {text-align: center;}.brown {color: #653000;}.green {color: #003218;}a{color: #653000;}a:hover {color: #003218;}.size20 { font-size: 20px;}/* Prevent MOZ border outline */:focus {outline:none;}::-moz-focus-inner {border:0;}/* FOOTER *//* ====== */html, body { height: 100%; color: #653000;}.body-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -65px;}.footer, .push { height: 65px;}.footer { color: black;}\[/code\]