Working embedding/nesting 7/8/20

<body> <style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Quintessential|Pirata+One);
::-webkit-scrollbar { width:10px;}
::-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 );
background-repeat:no-repeat;width:99.4%; height:1850%;overflow:auto; }

 a.tab:active, a.tab:link, a.tab:visited
 { background:lightblue;   border:#1e008e 4px double;
display:block;   height:35px; line-height:35px;   width:270px;
font-family:pirata one, quintessential, times;   font-weight:bold;   font-size:17px;
color:#000;   text-decoration:none; margin-top:14px;
-webkit-transition:all 3s ease-in;   -moz-transition:all 3s ease-in;   -ms-transition:all 3s ease-in;
-o-transition:all 3s ease-in;   transition:all 3s ease-in;
-moz-border-radius:4px 4px 4px 4px;   -webkit-border-radius:4px 4px 4px 4px;   border-radius:4px 4px 4px 4px; }

 a.tab:hover
{ background-color:#2bffb9;   border:#1a007a 4px double;  margin-top:4px; }

 .thecontent{ position:fixed; top:0px; right:0px; width:0px; height:0px; background-color:#;
border: double #  0px; color: #; font-size: 24px;
font-family:pirata one, quintessential; opacity:0.0; overflow:auto; padding:0px; text-align:center;}

 .thecontent:target{position:fixed; top:0px; right:0px; bottom:0px;
width: 1356px; height: 645px;font-family:quintessential;  background:#000;
border:double lightsalmon 0px; opacity:1; overflow:hidden; padding:5px; z-index:1; }

     #verlaine { width:11%; height:8%; left:44%; top:5%; position:fixed; overflow:hidden;
transition:7s ease; padding:0px 5px 0px 0px; border:solid 4px #80f;
background:linear-gradient( to right,#104,#206 30%,#208 70%,#104 ); opacity:1;
border-radius:50px; font-family:pirata one, arial; color:#90f; font-style:italic;
font-size:38px; line-height:59px; letter-spacing:2px; text-align:center; }
     #verlaine:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; padding:3px; font-size:20px; line-height:0px; }


     #druncle { width:11%; height:8%; left:13%; top:22%; position:fixed; overflow:hidden;
transition:7s ease; padding:0px 5px 0px 0px; border:solid 4px #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; }
     #druncle:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
border-radius:0px; overflow:auto; color:transparent; padding:3px; font-size:0px; line-height:0px; }


</style>

 <style type="text/css"> </style> </div> <div id="verlaine"> <center> Verlaine </center>
<img src=" https://i.imgur.com/8SwunlE.jpg " style="width:100%;"> </div></div>

 <style type="text/css"> </style> </div> <div id="druncle"> <center> Dr Uncle </center>
<img src=" https://i.imgur.com/8SwunlE.jpg " style="width:100%;"> </div></div>

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