scheherazade images 8/21/20

<body><style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Allura|Parisienne|Calligraffitti|Charm|Philosopher);
::-webkit-scrollbar-thumb:vertical { background:#4e004e;border-radius:20px;box-shadow: 0px 0px 0px #000; }
::-webkit-scrollbar-thumb:horizontal { background:blue;border-radius:20px;box-shadow: 0px 0px 0px #000; }
::-webkit-scrollbar { width:4px;height:0px; background:red;border-radius:20px; }

 body { background-size:100% 100%; background-image:url( https://i.imgur.com/zVWUG2C.png?1 ); background-repeat:no-repeat;width:99.4%;height:43%; }

.clouds {position:fixed; left:0%; bottom:0%; width:100%; height:50%; display:inline; overflow: visible; pointer-events:none;
opacity: 0.9; background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center; z-index:0;
-moz-animation:move-scrolling-front 800s linear infinite; -ms-animation:move-scrolling-front 800s linear infinite;
-o-animation:move-scrolling-front 800s linear infinite; -webkit-animation:move-scrolling-front 800s linear infinite;
animation:move-scrolling-front 800s linear infinite; } @keyframes move-scrolling-front{ from{background-position:0% 0%}
to{background-position:300% 0%}} @-webkit-keyframes move-scrolling-front{from{background-position:0% 0%}
to{background-position:300% 0%}} @-moz-keyframes move-scrolling-front{from{background-position:0% 0%}
to{background-position:300% 0%}} @-ms-keyframes move-scrolling-front{from{background-position:0% 0%}
to{background-position:300% 0%}}

</style>

 <div id="1" class="genealogy"> </style> <style type="text/css">
#box1 { width:25%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#bcf;
transition:7s ease; background:#102;
font-family:charm, times; font-size:40px; letter-spacing:-0.5px; text-align:center;
line-height:80px; padding:1px; left:0.6%; top:4%; }
 #box1:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box1"> Scheherazade's Relativity <div class="clouds"> </div>
<center><img src=" https://i.imgur.com/QI9NVHs.jpg " style="width:44%;"></center> </div></div>

 <div id="2" class="genealogy"> </style> <style type="text/css">
#box2 { width:20%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#50f;
transition:7s ease; background:#102;
font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
line-height:80px; padding:1px; left:0.6%; top:49%; }
 #box2:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box2"> Scheherazade <div class="clouds"> </div>
<center><img src=" https://i.imgur.com/oXUx3Bs.jpg " style="width:44%;"></center> </div></div>

 <div id="3" class="genealogy"> </style> <style type="text/css">
#box3 { width:20%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#50f;
transition:7s ease; background:#102;
font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
line-height:80px; padding:1px; left:26.5%; top:49%; }
 #box3:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box3"> Timeline <div class="clouds"> </div>
<center><img src=" https://i.imgur.com/i423etA.jpg " style="width:44%;"></center> </div></div>

 <div id="4" class="genealogy"> </style> <style type="text/css">
#box4 { width:20%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#50f;
transition:7s ease; background:#102;
font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
line-height:80px; padding:1px; left:52.5%; top:49%; }
 #box4:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box4"> Updates <div class="clouds"> </div>

<div style="font-family:charm, times;font-size:50px;line-height:90px;color:#19a;
text-align:center;margin-top:0px;"> Active Updates </div>

<div style="font-family:calligraffitti, times;color:#50f;font-size:244px;text-align:center;
margin-top:190px;letter-spacing:5px;"> Scheherazade </div>

<div style="font-family:parisienne, arial;color:#a2f;font-size:80px;height:0px;
text-align:center;padding:260px 0px 60px 0px;border-bottom:40px double #40f;">Scheherazade's Updates</div>

<ul style="list-style-type:square;font-family:charm, arial;color:#19a;font-size:50px;line-height:58px;
padding:10px 30px 60px 55px;float:left;text-align:left;">

<li> - 4/28/20 - Start of the active updates. Am a very busy Love Succubus! My time is spread out raising my youngest, Dee Dee Deeahndra. It is good her father is a very responsible and loving succubus. Also readying the backup team of the Safety Protocol Mission. <p> </ul>

<div style="font-family:parisienne, arial;color:#82f;font-size:80px;line-height:40px;
text-align:center;padding:10px 0px 40px 0px;border-bottom:40px double #40f;"> Continuing Story</div></div></div>

 <div id="5" class="genealogy"> </style> <style type="text/css">
#box5 { width:20%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#50f;
transition:7s ease; background:#102;
font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
line-height:80px; padding:1px; left:78.2%; top:49%; }
 #box5:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box5"> Images <div class="clouds"></div>
<center><img src=" https://i.imgur.com/9zeTNJu.jpg " style="width:44%;"></center> </div></div>

 <div id="6" class="genealogy"> </style> <style type="text/css">
#box6 { width:25%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#bcf;
transition:7s ease; background:#102;
font-family:charm, times; font-size:40px; letter-spacing:-1.5px; text-align:center;
line-height:80px; padding:1px; left:73.4%; top:4%; }
 #box6:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box6"> Scheherazade's Adventures <div class="clouds"> </div>
<center><img src=" https://i.imgur.com/a4TfPgf.jpg " style="width:44%;"></center> </div></div>

 <div id="7" class="genealogy"> </style> <style type="text/css">
#box7 { width:20%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#bcf;
transition:7s ease; background:#102;
font-family:charm, times; font-size:40px; letter-spacing:0px; text-align:center;
line-height:80px; padding:1px; left:0.6%; top:75%; }
 #box7:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box7"> Overview <div class="clouds"> </div>
<center><img src=" https://i.imgur.com/egaMyvR.jpg " style="width:44%;"></center> </div></div>

<div id="8" class="genealogy"> </style> <style type="text/css">
#box8 { width:20%; height:12%; position:absolute; overflow:hidden; border-radius:500px; color:#bcf;
transition:7s ease; background:#102;
font-family:charm, times; font-size:40px; letter-spacing:0px; text-align:center;
line-height:80px; padding:1px; left:78.2%; top:75%; }
 #box8:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; }
</style> <div id="box8"> Background <div class="clouds"> </div>
<center><img src=" https://i.imgur.com/1tffTYT.png " style="width:44%;"></center> </div></div>

<div id="end" class="genealogy"></style><style type="text/css">
#boxend {left:0%;right:0%;top:94.5%;opacity:1;font-size:30px;text-align:center;
font-family:charm, sans-serif;color:#101;position:fixed;}
</style><div id="boxend"> Scheherazade (images) 7/30/20 </div></div>