title: Dots aren't showing up
body: <p>I want the dots to show up, later I want to create a fix side nav with that. It doesn't show up anymore. I tried to solve it but when the dots are showing up and then it disappears </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> .dot {
          height: 0.8em;
          width: 0.8em;
          background-color: #fff;
          border-radius: 50%;
          float: right;
          margin-bottom: 2em;
          margin-right: 2em;
          
      }
      
      
      .sitenav {
          height: auto;
          width: 1em;
          float: right;
          position: fixed;
          }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="sitenav"&gt;
          &lt;a href="#start"&gt;&lt;span class="dot" id="f"&gt;&lt;/span&gt;&lt;/a&gt;
          &lt;a href="#two"&gt;&lt;span class="dot" id="i"&gt;&lt;/span&gt;&lt;/a&gt;
          &lt;a href="#three"&gt;&lt;span class="dot" id="r"&gt;&lt;/span&gt;&lt;/a&gt;
          &lt;a href="#four"&gt;&lt;span class="dot" id="s"&gt;&lt;/span&gt;&lt;/a&gt;
          &lt;a href="#five"&gt;&lt;span class="dot" id="t"&gt;&lt;/span&gt;&lt;/a&gt;
          &lt;/div&gt;
      
      &lt;div id="start"&gt;
      &lt;div class="site"&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
     </code></pre>
  </div>
  </div>
  </p>