ALTER MINI-BIO CODE
-------------------
				<div class="mbio">
					<!-- OPTIONAL ICON -->
					<img src="ICON URL" class="icon" style="float:left;clear:left;">
					
					<!-- OTHER INFO -->
					<b>NAME | PRONOUNS | AGE</b>
					<br>Alter info 1
					<br>Alter info 2
					<br><a href="/" class="button">about</a> <a href="/" class="button">icon credit</a>
				</div>
~~~

SECTIONS CODE (copy this and replace everything AFTER "start" and BEFORE "end")
-------------
<div class="title" style="width:30%;margin:auto;">SECTION NAME</div>
	<div id="section3">
			<!-- ALTER MINI-BIOS -->
				<!-- BIO 1 -->
				<div class="mbio">
					<!-- OPTIONAL ICON -->
					<img src="ICON URL" class="icon" style="float:left;clear:left;">
					
					<!-- OTHER INFO -->
					<b>NAME | PRONOUNS | AGE</b>
					<br>Alter info 1
					<br>Alter info 2
					<br><a href="/" class="button">about</a> <a href="/" class="button">icon credit</a>
				</div>
			
				<!-- BIO 2 -->
				<div class="mbio">
					<!-- OPTIONAL ICON -->
					<img src="ICON URL" class="icon" style="float:left;clear:left;">
					
					<!-- OTHER INFO -->
					<b>NAME | PRONOUNS | AGE</b>
					<br>Alter info 1
					<br>Alter info 2
					<br><a href="/" class="button">about</a> <a href="/" class="button">icon credit</a>
				</div>
				
				<!-- BIO 3 -->
				<div class="mbio">
					<!-- OPTIONAL ICON -->
					<img src="ICON URL" class="icon" style="float:left;clear:left;">
					
					<!-- OTHER INFO -->
					<b>NAME | PRONOUNS | AGE</b>
					<br>Alter info 1
					<br>Alter info 2
					<br><a href="/" class="button">about</a> <a href="/" class="button">icon credit</a>
				</div>
				
				<!-- BIO 4 -->
				<div class="mbio">
					<!-- OPTIONAL ICON -->
					<img src="ICON URL" class="icon" style="float:left;clear:left;">
					
					<!-- OTHER INFO -->
					<b>NAME | PRONOUNS | AGE</b>
					<br>Alter info 1
					<br>Alter info 2
					<br><a href="/" class="button">about</a> <a href="/" class="button">icon credit</a>
				</div>
				
				<!-- BIO 5 -->
				<div class="mbio">
					<!-- OPTIONAL ICON -->
					<img src="ICON URL" class="icon" style="float:left;clear:left;">
					
					<!-- OTHER INFO -->
					<b>NAME | PRONOUNS | AGE</b>
					<br>Alter info 1
					<br>Alter info 2
					<br><a href="/" class="button">about</a> <a href="/" class="button">icon credit</a>
				</div>

~~~

BUTTONS
-------
<a href="URL" class="button">button title</a>

~~~

IMAGE HOME LINK
---------------
<a href="/"><img src="IMAGE URL HERE" style="max-width:250px;"></a>

~~~

FLAGS
-----
<img src="FLAG URL" title="FLAG NAME" class="flag">

~~~

PRONOUNS (make sure these go between <ul id="pronouns"> and </ul>)
--------
FOR FULL HEART: <li><i class="fas fa-heart"></i> pro/nouns</li>
FOR EMPTY HEART: <li><i class="far fa-heart"></i> pro/nouns</li>