nest/embed

<body> <style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Quintessential|Pirata+One);
::-webkit-scrollbar { width:0px;height:0px;}
::-webkit-scrollbar-track { background-color:#803; }
::-webkit-scrollbar-thumb { background-color:#80e; }

body { background-size:100%; background-image:url( https://i.imgur.com/5qsJiVz.jpg );  z-index:2;
background-repeat:no-repeat;width:99.4%; height:1850%;overflow:auto; position:absolute;}

     #sonia { width:11%; height:8%; left:0%; top:39%; position:fixed; overflow:hidden;  z-index:3;
transition:5s ease; padding:0px 5px 0px 0px; border:solid 1px #80f;
background:linear-gradient( to right,#104,#206 30%,#208 70%,#104 ); opacity:1;
border-radius:50px; font-family:pirata one, times; color:#90f; font-style:italic;
font-size:38px; line-height:59px; letter-spacing:2px; text-align:center; }
     #sonia:hover { width:99%; height:97.7%; transition:5s ease; left:0%; top:0%;      z-index:-9;  position:fixed;
border-radius:0px; overflow:auto; color:transparent; padding:3px; font-size:0px; line-height:0px; }
</style><div id="sonia"><center>Sonia</center>
<center><img src=" https://i.imgur.com/8SwunlE.jpg " style="width:100%;"></center>  </div></div>


<style type="text/css">
     #children {position:fixed; top:39%; left:0%; width:0.1%; height:0.2%; overflow:auto;transition:5s;
border:1px solid #ff0; border-radius:50px; background:gold; padding:0px 0px 0px 0px; color:darkblue;
box-shadow:inset 0px 0px 26px 17px #fff; font-size:27px; font-weight:bold; font-style:italic;
font-family: pirata one, arial;        z-index:3;}
     #children:hover {position:fixed; top:1%; left:0%; width:97%; height:97%; overflow:auto; transition:5s;
border:1px double #f00; padding:0.29%; background:brown; color:#099;
box-shadow:inset 0px 1px 26px #fff;    z-index:1;
font-size:30px; font-weight:bold; letter-spacing:3px; font-family:pirata one, arial;}
</style><div id="children"><center>Delphina</center>
<center><img src="  https://i.imgur.com/8SwunlE.jpg  " style="width:100%;"></center>  </div></div>


<style type="text/css">
     #belladonna {position:fixed; top:39%; left:1%; width:0.1%; height:0.2%; overflow:auto;transition:5s;
border:1px solid #ff0; border-radius:50px; background:gold; padding:0px 0px 0px 0px; color:darkblue;
box-shadow:inset 0px 0px 26px 17px #fff; font-size:27px; font-weight:bold; font-style:italic;
font-family: pirata one, arial;        z-index:3;}
     #belladonna:hover {position:fixed; top:1%; left:0%; width:97%; height:97%; overflow:auto; transition:5s;
border:1px double #f00; padding:0.29%; background:brown; color:#099;
box-shadow:inset 0px 1px 26px #fff;    z-index:1;
font-size:30px; font-weight:bold; letter-spacing:3px; font-family:pirata one, arial;}
</style><div id="belladonna"><center>Belladonna</center>
<center><img src="  https://i.imgur.com/8SwunlE.jpg  " style="width:100%;"></center>  </div></div>

</div></body></html>