HTML/CSS - Fake Google Page Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
<head>
    <title>Fake Google</title>
    <link rel="stylesheet" type="text/css" href="google.css">
    <!--[if IE]>
    <script
    src="http://html5.googlecode.com/svn/trunk/html5.js">
    </script>
    <![end =if]-->
</head>
<body>
    <nav id="header">
        <ul>
            <li><a href="">+You</a></li>
            <li><a href="">Gmail</a></li>
            <li><a href="">Images</a></li>
            <li><a href="">Apps</a></li>
            <li><a href="">Sign in</a></li>
        </ul>
    </nav>
    
    <div id="container">
        <h1 id="logo">Google</h1>
        <form>
            <input type="text" name="">

css

/* Fake google css */
* {
margin: 0;
padding: 0;
}
body {
font-family: small arial, sans-serif; 
font-size: 13px;    
}
#container {
    width: 580px;
    margin: 140px auto;
    text-align: center;
}
h1#logo {
    width: 272px;
    height: 92px;
    background: url('https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_160x56dp.png') top left no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    margin: 0 auto;

BROWSER

Console