rebuild of an old code


<!DOCTYPE html><html lang="en"><head><title>PERFECT LINE 1 MULTISTORY</title><style>

@import url(https://fonts.googleapis.com/css?family=Quintessential|Rancho);
::-webkit-scrollbar { width: 15px; height: 15px;}
::-webkit-scrollbar-track { background;#f9008b;}
::-webkit-scrollbar-thumb { border-radius:0px; background:#35000b;box-shadow: 0px 30px 60px #4e0011;}

   body { background:#b03; }
  .bg { width:100vw;height:100vh;background:radial-gradient(circle, rgba(90, 154, 90, 0.6) 50%, transparent);margin-top:-11px; }
 .top { position:fixed;width:100vw;height:8vh;top:0vh;left:0vw;background:#9f9;opacity:0.4;border-bottom:3px solid #20f; }

 h1 { font-family:quintessential;font-size:10vh;color:#001;text-align:center; }
 h2 {  }
 h3 {  }
 h4 {  }
 h5 {  }
 .list {  }
 .bars {  }
 .date {  }
 .table { width:695px;color:#002;float:left;font-size:34px;font-weight:bold; }
    .tr { width:150px;color:#ca0071; }

 .navi {  }

 a.nav:link, a.nav:active, a.nav:visited
 {  }
 a.nav:hover
 {  }

 .content { position : fixed;top : 7vh;left : 25vw;width : 50vw;height : 95vh; background : #fa3;overflow : auto;z-index : -11;font-family : quintessential;font-size : 55px;
text-align : justify;line-height : 56px;padding : 6px;opacity : 1;color : #0f0;border-radius : 5px;transition : 1s; }

.content:target { position : fixed;z-index : 1;opacity : 1; }


  </style>

  <div class="bg"></div>  <div class="top"></div>

 <div>
 <a class="nav" href="#1">1</a>
 <a class="nav" href="#2">2</a>
 <a class="nav" href="#3">3</a>
 <a class="nav" href="#4">4</a>
 <a class="nav" href="#5">5</a>
 <a class="nav" href="#6">6</a>
 <a class="nav" href="#7">7</a>
 <a class="nav" href="#8">8</a>
 <a class="nav" href="#9">9</a>
 <a class="nav" href="#10">10</a>
 <a class="nav" href="#11">11</a>
 <a class="nav" href="#12">12</a>
 <a class="nav" href="#13">13</a>
 <a class="nav" href="#14">14</a>
 <a class="nav" href="#15">15</a>
 <a class="nav" href="#16">16</a>
 <a class="nav" href="#17">17</a>
 <a class="nav" href="#18">18</a>
 <a class="nav" href="#19">19</a>
 <a class="nav" href="#20">20</a>   </div>

<div id="1" class="content"> <table class="table"><tr>

<td class="td"><td>Title Page<br><p></td></tr><tr>


</div>