If you are going to declare an HTML5 doctype, you can do:
Line 327, Column 23: Element style is missing required attribute scoped.
means that you cannot have a <style> tag in that position. Just move it to the head of the document.
Bad value x-ua-compatible for attribute http-equiv on element meta.
can be solved by wrapping it in a <!--[if IE]> tag.
<!--[if IE]>meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" /><![endif]-->
Et voilà, you have a valid HTML5 document.
Now for the next step.
I'll move the CSS to the head of the document and the JS to the bottom.
// STYLESHEETS HERE
I've also removed the commented out code. You don't need this. this is what version control is for.
And I've made a brief attempt to indent things correctly, as this will save us headaches, too.
You can find the code here.