Alright, I've worked out the issues preventing it from working on Firefox (and another little issue on all the browsers).


First, your input box callback is bound in a way that prevents Firefox from using it correctly.

You need to change this:

    <input type="text" style="border:0px;outline:0;font-family:'Montserrat';font-size:18px;color:rgba(229, 54, 101, 0.9);-webkit-font-smoothing:antialiased;float:left;margin-top:30px;margin-left:30px;width:460px;background-color:transparent;" placeholder="Hello, let's talk together." onkeydown="donechat();" id="input" autofocus autocomplete="off">

to this:

    <input type="text" style="border:0px;outline:0;font-family:'Montserrat';font-size:18px;color:rgba(229, 54, 101, 0.9);-webkit-font-smoothing:antialiased;float:left;margin-top:30px;margin-left:30px;width:460px;background-color:transparent;" placeholder="Hello, let's talk together." id="input" autofocus autocomplete="off">

(take out the onkeydown attribute, since that doesn't pass the event argument properly)

And then add this line underneath the  donechat()  function definition:

    document.getElementById("input").addEventListener("keydown", donechat);



You also need to change the  donechat()  function definition from this:

    function donechat(){

to this:

    function donechat(event){

And then that issue is fixed!



There's also an issue with  callafterloading()  setting up an interval that keeps failing.
Change this line:

    setInterval('if(countload < 410){ document.getElementById("finishloading").style.width=""+countload+"px";countload2 = countload2+0.002;countload = countload+countload2; }', '60');

to this:

    setInterval('if(countload < 410){ elem = document.getElementById("finishloading"); if(typeof elem !== "undefined" && elem !== null) { elem.style.width=""+countload+"px";countload2 = countload2+0.002;countload = countload+countload2; } }', '60');

(this will only run the  finishloading.style.etc  code if the finishloading div actually exists, which stops lots of errors that pop up)



The last thing I ran into was just none of the gradient backgrounds working properly on Firefox.
This is just because it only defines -webkit-linear-gradient and doesn't define linear-gradient, but this is simple to fix.

To fix this, look through your code, and everywhere you find something like:

    background: -webkit-linear-gradient(color1, color2);

Copy it and add one also called linear-gradient, like such:

    background: -webkit-linear-gradient(color1, color2); background: linear-gradient(color1, color2);


After you do that for all the gradients on the site, it looks fine under Firefox