<center>
  <h1 class="character-title">Alissa Harper</h1>
  <h6>Only a new breed of predator can thrive in modern hunting grounds</h6><br>
  <br>
  <br>
  <br>
  <div class="profile-container"><img class="profile-div-image" src="https://i.imgur.com/qGQdsiS.png"></div><br>
  <br>
  <div class="profile-div">
    <h2>The Long and Short of a Serpentine Streamer</h2>
    <hr>
    <p>Very WIP for now while the CSS and HTML get worked on. Player is gooding at an english despite the lack of
    polish here.</p>
    <p>In summary, well known celeb and figure in a modern or near modern setting. Dislikes humans, loves eating them
    for paying audiences online. Uses dating apps like a delivery service, likes to post her catches on Gurglr.</p>
  </div>
  <div class="profile-div">
    <h2>Table 2</h2>
    <hr>
    <p>table 2 is for all your table 2 needs.</p>
  </div>
  <div class="profile-div">
    <h2>Permavore</h2>
    <hr>
    <p>Unfinished. How shameful.</p>
    <p>Need to learn buttons.</p>
    <p>Hate perma? See the sliders at bottom</p>
  </div>
  <div class="profile-div">
    <h2>OoC, approach, and FAQ</h2>
    <hr>
    3 buttons go here, all alike in dignity for various Out of Character stuff, handy dandy guide to get my attention,
    and some common questions that'll be updated if something is asked more than twice.
    <h3><button class="button-three" onclick="openbutton(event, 'Stuff1')">OoC Information</button>
		<button class="button-three" onclick="openbutton(event, 'Stuff2')">Notice me せんぱい</button>
		<button class="button-three" onclick="openbutton(event, 'Stuff3')">FAQ</button></h3>
    <div class="buttoncontent" id="Stuff1">
      STUFF1 HERE
    </div>
	<div class="buttoncontent" id="Stuff2">
      STUFF2 HERE
    </div>
	<div class="buttoncontent" id="Stuff3">
      STUFF3 HERE
    </div>
  </div>
  <div class="profile-div">
    <h2>Alt list link / ASCII</h2>
    <p>Just a button to unviel some sick ASCII art that leads back to my unfinished altlist</p>
    <p><b>WHO IS RESPONSIBLE</b></p>
  </div><br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <script>
    function openbutton(evt, buttonName) {
    var i, buttoncontent;
    tabcontent = document.getElementsByClassName("buttoncontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("button-three");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(buttonName).style.display = "block";
    evt.currentTarget.className += " active";
    }
  </script>
</center>