Format Wolf Family 12/13/22

<style> @import url(https://fonts.googleapis.com/css?family=Handlee|Macondo);
::-webkit-scrollbar { width:3px; } ::-webkit-scrollbar-track {background:#ff0; }
::-webkit-scrollbar-thumb { border-radius:2px;background:lightgreen; } body {background:#4b3b8e;}

 .header {font-family:macondo, arial black;font-size:99px;margin-top:70px;text-align:center;color:green;}
 .text {font-family:macondo, handlee;font-size:33px;color:lightgreen;line-height:40px;padding:0 88px 0 88px;text-indent:44px; }

#navi {position:absolute;top:3%;left:82%;width:1%;height:1%;line-height:11px;z-index:300;}

a.nav:link, a.nav:active, a.nav:visited {letter-spacing:1px;text-transform:2s;display:inline-block;width:11vw;height:1.5vw;color:lightgreen;
font-family:macondo, "handlee";margin:1.9vw;margin-top:5px;background:#71f;border:3px solid blue;border-radius:10vw;text-align:center;
line-height:2vw;font-size:2vw;word-spacing:0px;padding:11px 24px 17px 17px;text-decoration:none;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;}
a.nav:hover{background:#000;text-decoration:none;}

.content {position:absolute;z-index:-1;left:1vw;top:1vw;border:5px solid blue;height:42vw;width:80vw;background:#717;overflow:auto;
font-family:macondo, "handlee";font-size:3vw;text-align:justified;line-height:4vw;padding:6px;opacity:0;color:#dfd;border-radius:1vw;transition:1s;}
.content:target{position:absolute;z-index:60;opacity:1;transition:1s;}

b {color:blue;}
a {color: #c59;text-decoration: none;}
a:hover {color:red;}

</style>


 <div id="navi"><center>
<a class="nav" href="#1">Stats</a>
<a class="nav" href="#3">Gallery</a>
<a class="nav" href="#6">OOC</a>
<a class="nav" href="#7">Reset</a>
</center></div>

 <div class="header" style="margin-top:0px"> ... <br>
 <div class="text" style="margin-top:-33px;"><h2> ... </h2></div>
 <center><img src=" ... " style="width:25%;"></center></div>



<div id="1" class="content">
<div class="header">Quick Stats</div><br>
<div class="text"><div style="padding:0 77px 0 77px;">
<br>Name: <span style="float:right;"><i>...</i></span>
<br>Nickname(s): <span style="float:right;"><i>...<i></span>
<br>Mother: <span style="float:right;">..</span>
<br>Father:<span style="float:right;">Brawnt, Alpha male of the pack</span>
<br>Age: <span style="float:right;">...</span>
<br>Species: <span style="float:right;">Hybrid Anthro/Human</span>
<br>Gender: <span style="float:right;">...</span>
<br>Orientation: <span style="float:right;">...</span>
<br>Status: <span style="float:right;">...</span>
<br>Dominant/Submissive: <span style="float:right;">...</span>
<br>Height:<span style="float:right;"> ...</span>
<br>Occupation:<span style="float:right;"> ... </span>
<br>Alingment:<span style="float:right;"> ...</span><br></div></div></div>



<div id="3" class="content"><div class="header">Gallery </div> <div class="text">

<center><br>...<br><img src="... " style="width:33%;"></center>
<center><br>Mother <br><img src="... " style="width:33%;"></center>
<center><br>My dad<br><img src="https://cdn5-images.motherlessmedia.com/images/C9E0709.jpg " style="width:33%;"></center>
<center><br>Grownups settin out for a hunt<br>
<img src="https://townsquare.media/site/499/files/2022/08/attachment-wolf-getty-images-waitandshoot.jpg?w=980&q=75 " style="width:44%;">
</center>
<center><br>...<br><img src=" " style="width:77%;"></center><p><br> </div></div>



<div id="6" class="content"><div class="header">OOC</div><div class="text"><p>
<br>1) Apologizes for not being a para roleplayer, but I can snowball up some to a few sentences.
<br>2) ooc and ic: This typist is full of passion, and the lines between ic and ooc might get blurry. Don't get mad, get glad!
<br>3) PM passionate/friendly/   </div>