<style>
.sf {
	display: none;
}
table {
	background-color: transparent;
	text-align: center;
	font: 10px verdana;
}
body {
	text-align: center;
	font: 8pt Verdana;
	line-height: 20px;
	color: #444;
	background: #999;
}
p {
	text-align: left;
	font: 8pt Verdana;
	line-height: 20px;
	color: #444;
}
#Leviathan {
	top: 200px;
	left: 230px;
	text-align: left;
	width: 900px;
	height: 500px;
	overflow: hidden;
	background: #f4f4f4;
	border: 3px solid #dddddd;
}
#tank {
	top: -40px;
	left: 20px;
	text-align: left;
	width: 150px;
	height: 500px;
	overflow: hidden;
	background: #f4f4f4;
	border: 3px solid #dddddd;
}
.page {
	overflow: auto;
	height: 100%;
	background-color: none;
	padding: 5px;
}
#title {
	font: 100pt Arial;
	color: #444444;
	left: 300px;
	text-transform: uppercase;
	top: 15px;
	text-align: center;
	width: 300px;
	z-index: -5;
}
#subtitle {
	font: 30pt Arial;
	color: #444444;
	text-transform: uppercase;
	letter-spacing: 2px;
	top: 150px;
	text-align: center;
	left: 320px;
	z-index: -5;
}
#krill {
	font: 100pt Arial;
	color: #444444;
	text-transform: uppercase;
	letter-spacing: 2px;
	top: 125px;
	text-align: center;
	left: 590px;
	z-index: -5;
}
#picture {
	top: 30px;
	left: 120px;
	height: 120px;
	width: 120px;
	z-index: 5;
	border: 10px solid #dddddd;
	overflow: hidden;
	background-color: #999;
}
#welcome {
	float: left;
	width: 63%;
	padding-left: 10px;
	padding-right: 10px;
}
#updates {
	padding-left: 10px;
	overflow: auto;
	float: left;
	width: 33%;
	height: 500px;
	border-left: 1px solid #999;
}
a {
	text-decoration: none;
	color: #666;
}
a:hover {
	color: #999;
}
h1 {
	text-align: center;
	font: 20pt Georgia;
	color: #666;
	margin: 10px 0px;
}
h2 {
	text-align: left;
	font: 18pt Georgia;
	margin: 10px 0px;
}
.insidelinks a {
	text-align: center;
	color: white;
	display: block;
	float: left;
	width: 155px;
	margin: 10px 0px 0px -5px;
	background: #A0A0A3;
	padding: 10px 0px;
	z-index: 20;
}
.insidelinks a:hover {
	background: #444444;
}
</style><div id="tank" style="position: absolute; border-radius: 40px;">

<div class="insidelinks">
<br><br><br><br><br><br><br><br><br><br><br><br><br><center><table><tr><td>
<a href="#home">Home</a>
<a href="#link1">Neopets</a>
<a href="#link2">Non-Neopets</a>
<a href="#link3">Writing</a>
<a href="#sitely">Credits</a>
</td></tr></table></center>
</div>
</div>
<div id="picture" style="position: absolute; border-radius: 20px;">
</div>
<div id="title" style="position: absolute;">
Bat's
</div>
<div id="subtitle" style="position: absolute;">
Tipsy Topsy Turvy Portfolio
</div>
<div id="krill" style="position: absolute;">

</div>
<div id="Leviathan" style="position: absolute;">
<a name="home"></a>
<div class="page">
<div id="welcome">
<h1>Howdy!</h1>
<p>If you couldn't guess by now, my name's Bat! I'm a clown sixteen years young, artist and writer of sorts with a taste for horror, bugs and what have you. That said, you're going to see a lot of that. Like, <b>a lot</b>. If you're not a fan of creepy crawlies and toothy folk then I suggest skeddadling while you can, Scoob.</p>
<p>Warning aside, I hope you enjoy my little collection! I'm still learning and happy to hear any and all criticisms via <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=batcircus">neomail.</a> Please keep in mind that most of my <i>finer</i> works reside off Neopets because of content. This is a mere scalping!</p>
</div>
<div id="updates">
<h1>Updates</h1>
<p><b>August 17, 2018</b> | Contests and Doodles<br><br><b>•</b> Added all my art/writing from Neopet's creativity week plus more unrelated art.</p>
<p><b>August 10, 2018</b> | Beginnings<br><br><b>•</b> Started this page, I guess.<br><b>•</b> Added a whole bunch of recent art!</p>
<br><p><b></b>
<br></p><p><b></b>
<br></p></div>
</div>


<a name="link1"></a>
<div class="page">
<h1>Neopets Art</h1>
<p>For those in the know (which is about two people - you know who you are!), I've been working on a Neopets-related story complete with horrific world building, complicated emotions and bloated bodies. Y'know. The works. However, between my TTRPG, school and general lack of energy I haven't been able to draw or write much of it. S'all good. My point is, art marked with ☆ will have characters in canon situations related to said world. Thanks.</p>

<p><img src="https://i.imgur.com/GUSGC8Q.png" width="500" height="600"><img src="https://i.imgur.com/pCFlkAU.png" width="500" height="600"><img src="https://i.imgur.com/UvXkCps.jpg" width="1200" height="600"</p>
<p><i>Day Three of Neopet's creative contest. Theme: Create your own Neopet!These pets- called Polyde- are tiny, water dwelling Neopets thought to be immortal, sleeping for decades at a time. 8/15/2018</i></p>

<p><img src="https://i.imgur.com/TLXxmZ2.png"></p>
<p><i>Thumbnail for my upcoming Neopets series on the NT! Iiiif I ever finish it. It's close! 8/15/2018</i></p>

<p><img src="https://i.imgur.com/7FMejOI.jpg" width="500" height="600"><img src="https://i.imgur.com/oTtstrV.png" width="500" height="600"></p>
<p><i>Day One of Neopet's creative contest. Theme: Trophies 8/13/2018</i></p>

<p><img src="http://i.imgur.com/Xcnx31j.jpg" width="500" height="600"></p>
<p><i>BC entry for my pet Samorne. Won bronze in Bori. 8/3/2018</i></p>

<p><img src="http://i.imgur.com/rC7GfOs.jpg" width="500" height="600"></p>
<p><i>Fanart for <a href="http://www.neopets.com/~Ghostmire">Ghostmire</a>! 8/3/2018</i></p>
</div>


<a name="link2"></a>
<div class="page">
<h1>Non-Neopets</h1>
<p>Wow, okay, get ready for a doosy! As a connoisseur of TTRPGs, RPGs and all that good stuff, I have quite the collection of OCs. Some are from my own, original world while others nest in my fantastic GM's intricate web. Due to Neopet's censorship, I can't show you MOST of my outside junk, but I can squeeze a few in!</p>
<p>Oh yeah. <b>BIG HONKIN GORE WARNING</b></p>

<p><img src="http://i.imgur.com/C0g3Bzl.jpg" width="500" height="600"></p>
<i>WoW art of my two mains in response to the new expansion pack. War solves nothing. 8/9/2018</i>

<p><img src="http://i.imgur.com/Mmc27Jr.jpg" width="500" height="900"></p>
<i>My friend's character from the aforementioned TTRPG group, Dom. They're a big metal bug baby going through demon puberty. Also, that's cherry pie. They like to bake! 8/3/2018</i>

<p><img src="http://i.imgur.com/bDKsymk.jpg" width="500" height="600"><img src="http://i.imgur.com/u5J9sJG.jpg" width="600" height="600"></p>
<p><i>My dear, darling imp-demon-moth lady. She's 4'4" and wants to steal the sun. I belive in her. 8/1/2018
</i></p></div>


<a name="link3"></a>
<div class="page">
<h1>Writing</h1>
<p>Heyyy so this is where I'm going to put my NT writing entries when I... actually... get to writing...</p>
<p>Poohey.</p>
</div>




<a name="sitely"></a>
<div class="page">
<h1>Credits</h1>
<p>Yeehaw thanks for looking! I'll add a link back button soon.</p>
<br><br><center>
<table style="text-align: left;"><tr><td>
<b>•</b> Add a credit<br><br><b>•</b> Add a credit<br><br><b>•</b> Layout by <a href="/userlookup.phtml?user=stratus365">Thomas</a> @ <a href="/~SapphireBlue__">Whale.CSS</a>
</td></tr></table></center>
</div>


</div>