alternate try at genealogy

<body><style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Quintessential|Allura|Montez|Parisienne|Kavivanar|Nanum+Brush+Script|Satisfy|Calligraffitti|Charm|Philosopher);
::-webkit-scrollbar-thumb:vertical { background:#4e004e;border-radius:20px;box-shadow: 0px 13px 13px #000; }
::-webkit-scrollbar-thumb:horizontal { background:#4e004e;border-radius:20px;box-shadow: 0px 13px 13px #000; }
::-webkit-scrollbar { width:15px; background:#f80073;border-radius:0px; }

 body  { background:#cf3366; }

 .box { width:140px; height:30px; background:#5e002e; border-radius:5px; border:2px solid lavender; padding:5px; }

 .names { width:160px; height:30px; font-family:philosopher, times; font-size:18px; line-height:28px; color:lavender; font-weight:bold; text-align:center;
 position:fixed;  }

</style>

<div id="01" class="names"> <div style="margin:20px 0px 0px 593px;">
<div id="01" class="box"> 110 Sarina  </div>

<div id="02" class="names"> <div style="margin:20px 0px 0px 0px;">
<div id="02" class="box">  111 SutaSakyuBasu </div>

<div id="03" class="names"> <div style="margin:20px 0px 0px 0px;">
<div id="03" class="box">  112 Oni San </div>

<div id="04" class="names"> <div style="margin:20px 0px 0px 0px;">
<div id="04" class="box">  113 Taklamakan </div>


<div id="05" class="names"> <div style="margin:20px 0px 0px -160px;">
<div id="05" class="box">  114 Particle </div>

<div id="06" class="names"> <div style="margin:-44px 0px 0px 160px;">
<div id="06" class="box">  115 Atom </div>

<div id="07" class="names"> <div style="margin:-44px 0px 0px 160px;">
<div id="07" class="box">  116 Glimmer-Jewel </div>