title: Brackets file not working
body: <p>I created a slidenav on brackets it was working just fine, now I reopen it and its not working anymore, I see just a blank screen, I've erased part of the code but its all messed up now, what happened? this is the CSS code</p>
  
  <pre><code>* {
    box-sizing: border-box;
  }
  html, body{
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .nav{
      height: 60px;
      background-color: aqua;
      overflow:auto;
      width: 100%;
  }
  .openbar div{
      height: 5px;
      background-color: darkslategray;
      margin: 4px 0;
      border-radius: 25px;
      overflow: auto;
  }
  .openbar{
      width: 30px;
      display: block;
      margin: 1.2em 0 0 1.2em;    
  }
  .sidenav{
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 2;
      top: 0;
      left: 0;
      background-color: mintcream;
      transition: 0.5s;
      overflow: hidden;
  }
  .sidenav a{
      color: darkslateblue;
      font-family: gotham;
      text-decoration: none;
      display: block;
      transition: 0.3s;
      text-align: center;
      font-size: 30px;
      padding: 30px 0;
      margin: 0 50px;
  }
  .sidenav a:nth-child(2){
      margin-top: 4em
  }
  .sidenav .closebtn{
      position: absolute;
      top: 0;
      margin: 20px 0 0 20px;
      padding:
  }
  .sidenav a:hover{
      color: white;
      background-color: aqua;
      border-radius: 25px;
  }
  </code></pre>