HTML/CSS - Snake Game Online Editor and JavaScript Compiler

html
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1" >
        <style type="text/css">
            @import url('https://fonts.googleapis.com/css?family=Acme|Josefin+Sans');
            @import url('https://fonts.googleapis.com/css?family=Architects+Daughter');
            body{
                margin:0px;
                padding:0px;
                background:#78dfff;
                max-width:700px;
            }
            header{
                height:30px;
                background:#e93330;
            }
            #hl{
                width:40%;
                float:left;
                padding-left:5%;
                padding-top:5px;
                color:#fff;
                font-weight:900;
                font-family: 'Acme', sans-serif;
            }
            #hr{
                width:40%;
css
BROWSER
Console