title: internal css will not work
body: <p>My internal css won't work with the little code I have. This seems like a really stupid question but nothing I do helps.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html;charset=utf-8"/&gt;
  &lt;title&gt;Ask Help&lt;/title&gt;
  &lt;style type = "text/css"&gt;
  @font-face {
  font-family: "junction";
  src: url("Junction_02.otf");
  }
  
  html {
  background-image: linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219) 54%);
  background-image: -o-linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219) 54%);
  background-image: -webkit-linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219)       54%);
  background-image: -ms-linear-gradient(bottom, rgb(75,135,163) 2%, rgb(127,219,219) 54%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.02,   rgb(75,135,163)), color-stop(0.54, rgb(127,219,219))
  }
  
  .menu {
  list-style-type: none;
  font-size: 25px;
  }
  
  h1 {
  font-family: junction;
  text-size: 60px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;nav&gt;
          &lt;ul class="menu"&gt;
              &lt;li&gt;&lt;a href="index.html" title="Home"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="about.html" title="About Us"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="past.html" title="iPod"&gt;Past Q&amp;amp;A's&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>