sonia story images 8/21/20

<body><style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Kalam|Allura|Montez|Parisienne|Charm|Philosopher|Norican|Niconne|);
::-webkit-scrollbar-thumb:vertical { background:gold;border-radius:20px;box-shadow: 0px 0px 0px #000; }
::-webkit-scrollbar-thumb:horizontal { background:gold;border-radius:20px;box-shadow: 0px 0px 0px #000; }
::-webkit-scrollbar { width:5px; height:3px; background:#f24;border-radius:20px; }

</style>

 <div id="a" class="genealogy"> </style> <style type="text/css">
 #boxa { width:100%; height:100%; left:0%;top:0%; position:absolute; overflow:auto; }
</style> <div id="boxa">
<img src=" https://i.imgur.com/y3KaOai.jpg " style="width:100%;"> </div>

 <div id="1" class="box"> </style> <style type="text/css">
 #box1 { width:33%;height:9%; left:33.5%;top:25%; position:fixed; overflow:hidden; padding:1px; transition:6s;
background:#001; border:ridge 11px #f24;border-radius:5px; font-family:philosopher, times; color:#fb4;
font-size:23px;line-height:43px; letter-spacing:0px; text-align:center;}
 #box1:hover { width:44%; height:93%; transition:6s ease; left:27%; top:1%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box1">

<center><img src=" https://i.imgur.com/aIeZnL2.jpg " style="width:100%;"></center><br>
<center><img src=" https://i.imgur.com/tU7qC1h.png " style="width:100%;"></center>
<center><img src=" https://i.imgur.com/wEZwPEO.jpg " style="width:100%;"></center> </div>