<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dw="https://www.dreamwidth.org">
  <id>tag:dreamwidth.org,2021-11-01:3849915</id>
  <title>Prince of Ars Goetia</title>
  <subtitle>Prince Stolas</subtitle>
  <author>
    <name>Prince Stolas</name>
  </author>
  <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/"/>
  <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom"/>
  <updated>2025-06-21T12:44:37Z</updated>
  <dw:journal username="noctuagoetia" type="personal"/>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:2488</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/2488.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=2488"/>
    <title>PixieLed App</title>
    <published>2025-06-21T12:44:37Z</published>
    <updated>2025-06-21T12:44:37Z</updated>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://noctuagoetia.dreamwidth.org/2488.html#cutid1"&gt;App Info&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=2488" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:2277</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/2277.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=2277"/>
    <title>Escordvi App</title>
    <published>2025-01-03T11:34:44Z</published>
    <updated>2025-01-03T11:35:09Z</updated>
    <category term="app"/>
    <category term="ooc"/>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://noctuagoetia.dreamwidth.org/2277.html#cutid1"&gt;Read more...&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=2277" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:1795</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/1795.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=1795"/>
    <title>The Little Black Book: CR Journal</title>
    <published>2022-12-23T04:22:50Z</published>
    <updated>2022-12-24T10:24:49Z</updated>
    <category term="ic"/>
    <category term="cr"/>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">

&lt;div style="margin: auto; width: 500; height: 375px; overflow: hidden;"&gt;
 

&lt;a name="char0" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
&lt;div style="margin: auto; margin-top: 5px; width: 330px; height: 330px; border-right: 5px double ; border-left: 2px solid #473c2f; border-radius: 5px 15px 15px 5px; background-color: #4A235A ; font-family: georgia, serif; text-align: center; padding-top: 30px;"&gt;
 

&lt;div style="margin: auto; width: 300; height: 300px; line-height: 1; overflow: hidden; text-align: center;"&gt; 

&lt;img src="https://noctuagoetia.dreamwidth.org/file/200x200/609.png" style="border-radius: 8px;"&gt;&lt;br /&gt;

&lt;span style="font-size: 18pt; color: #DAA520;"&gt;Little Black Book&lt;/span&gt;&lt;br /&gt;

&lt;span style="font-size: 12pt; color: #B8860B"&gt;List of Associates&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -25px; margin-right: 100px;"&gt;
&lt;a href="#char1" style="text-decoration: none; font-size: 11pt; color: #B8860B;"&gt;»»&lt;/a&gt;
&lt;/div&gt;&lt;/div&gt;

 

 

&lt;a name="char1" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/16036741/4051633" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"Your daddy's got friends, too. We'll make sure nothing happens. &lt;b&gt;I'll&lt;/b&gt; make sure nothing happens."&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;♥ ♥ ♥ ♥ ♥&lt;/span&gt; 
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Blitzø
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Helluva Boss
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char0" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char2" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char2" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/16014136/4048092" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"You're here. Ending this nightmare before it starts...just like I hoped you would..."&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;♥ ♥ ♥ ♥ ♥&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Octavia
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Helluva Boss
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char1" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char3" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char3" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/15917259/1581328" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"I got a suggestion you might not like: Do &lt;b&gt;not&lt;/b&gt; fuck him."&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ✦ ✦ ✦ ○&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Dante
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Devil May Cry
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char2" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char4" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char4" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/15892172/4029723" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"No way! I didn't know you could just cook up a new one! You think it'd be able to get us home?"&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ✦ ○ ○ ○&lt;/span&gt; 
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Mildred AKA "Millie"
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Helluva Boss
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char3" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char5" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char5" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/15892638/4029792" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"--er... remind me to ask you when we're out of this maze, your hi--sir--
...Stolas."&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ✦ ○ ○ ○&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Moxxie
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Helluva Boss
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char4" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char6" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 
 
&lt;a name="char6" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/15901970/4030670" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"So, uh, you and my d- Blitz... you and him are, uh-"&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ✦ ○ ○ ○&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Loona
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Helluva Boss
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char5" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char7" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char7" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/14199863/3500444" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"Stolas, grab your junk! This guy isn't going anywhere!"&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ✦ ✦ ○ ○&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Della
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Duck Tales
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char6" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char8" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char8" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/14915274/3790779" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;" A pleasure to meet you, Prince Stolas, though I hope you'll forgive my lapse in good manners."&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ○ ○ ○ ○&lt;/span&gt; 
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Alastor AKA The Radio Demon
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Hazbin Hotel
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char7" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char9" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char9" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/15549119/3943282" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"You're a prince?! Like, an actual PRINCE prince?!"&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ✦ ○ ○ ○&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Meilin "Mei" Lee
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Turning Red
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char8" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char10" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char10" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/15748178/4005821" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"Having to smile and bow and &lt;b&gt;play&lt;/b&gt; nice for people who do not give a &lt;u&gt;single&lt;/u&gt;&lt;/i&gt; shit about me." 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ✦ ○ ○ ○&lt;/span&gt; 
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Goro Akechi
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Person 5 Royal
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char9" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char11" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 

&lt;a name="char11" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="https://v.dreamwidth.org/15264669/2001203" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"Someone... is not getting a muffin today."&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;✦ ○ ○ ○ ○&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Madhuri Qalli
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Final Fantasy XIV
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char10" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char0" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; &lt;a name="char1" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="IconURL" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"Quote"&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;● ● ● ○ ○&lt;/span&gt;
&lt;br /&gt;&lt;span style="color: #73604b;"&gt;☼ ♥ ♪ ✦ ✖&lt;/span&gt; 
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Name
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Canon
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char0" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char2" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; &lt;a name="char1" style="height: 0; font-size: 0px;"&gt;&lt;/a&gt;
&lt;div style="margin: auto; width: 500px; height: 375px;"&gt;
 

&lt;div style="margin-top: 10px; width: 120px; text-align: center;"&gt;

&lt;div style="margin: auto; background-color: #4A235A; width: 90px; height: 350px; clip-path: polygon(50% 10%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);"&gt;&lt;/div&gt;
 

&lt;div style="width: 100px; margin: auto; position: relative; margin-top: -300px;"&gt;
 

&lt;img src="IconURL" style="border-radius: 8px; width: 100px; height: 100px; box-shadow: 0px 0px 10px 0px #5a5852;"&gt;

&lt;div style="margin: auto; margin-top: 5px; width: 85px; height: 152px; font-size: 10pt; line-height: 1; overflow: hidden;"&gt;

&lt;span style="font-family: georgia, serif; color: #DAA520;"&gt;
&lt;i&gt;"Quote"&lt;/i&gt; 
&lt;/span&gt;

&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #B8860B;"&gt;● ● ● ○ ○&lt;/span&gt;
&lt;br /&gt;&lt;span style="color: #73604b;"&gt;☼ ♥ ♪ ✦ ✖&lt;/span&gt; 
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; margin-top: -315px; margin-left: 124px; max-width: 2px; height: 360px; background-color: #d3cec0; border-left: 1px solid #84704e; border-right: 1px solid #84704e;"&gt;&lt;/div&gt;
 

&lt;div style="position: relative; float: right; margin-top: -347px; margin-right: 10px; width: 330px; height: 283px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt; line-height: 19px; border: solid 1px #84704e; padding: 20px 10px 19px 10px; border-radius: 5px; background: white; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; box-sizing: content-box;"&gt;
&lt;div style="height: 285px; overflow: hidden; text-align: justify; box-sizing: content-box;"&gt;
&lt;b&gt;Name:&lt;/b&gt; Name
&lt;br /&gt;&lt;b&gt;Canon:&lt;/b&gt; Canon
&lt;br /&gt;&lt;b&gt;Notes:&lt;/b&gt; Extra notes yay
&lt;/div&gt;&lt;/div&gt; 
 

&lt;div style="position: relative; float: right; margin-top: -46px; margin-right: 330px; z-index: 100;"&gt;
&lt;a href="#char0" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;««&lt;/a&gt;
&lt;/div&gt;

&lt;div style="position: relative; float: right; margin-top: -44px; margin-right: 22px; z-index: 100;"&gt;
&lt;a href="#char2" style="text-decoration: none; font-size: 11pt; color: #804024;"&gt;»»&lt;/a&gt;
&lt;/div&gt;
 
&lt;/div&gt; 


 
&lt;/div&gt;

 

&lt;div style="margin: auto; width: 575px; margin-top: 20px;"&gt;
&lt;a href="#char1"&gt;&lt;img src="https://v.dreamwidth.org/16036741/4051633" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt;
&lt;a href="#char2"&gt;&lt;img src="https://v.dreamwidth.org/16014136/4048092" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt; 
&lt;a href="#char3"&gt;&lt;img src="https://v.dreamwidth.org/15917259/1581328" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt;
&lt;a href="#char4"&gt;&lt;img src="https://v.dreamwidth.org/15892172/4029723" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt; 
&lt;a href="#char5"&gt;&lt;img src="https://v.dreamwidth.org/15892638/4029792" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt;
&lt;a href="#char6"&gt;&lt;img src="https://v.dreamwidth.org/15901970/4030670" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt; 
&lt;a href="#char7"&gt;&lt;img src="https://v.dreamwidth.org/14199863/3500444" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt; 
&lt;a href="#char8"&gt;&lt;img src="https://v.dreamwidth.org/14915274/3790779" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt;
&lt;a href="#char9"&gt;&lt;img src="https://v.dreamwidth.org/15549119/3943282" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt;
&lt;a href="#char10"&gt;&lt;img src="https://v.dreamwidth.org/15748178/4005821" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt;
&lt;a href="#char11"&gt;&lt;img src="https://v.dreamwidth.org/15264669/2001203" style="width: 60px; height: 60px; border-radius: 10px;"&gt;&lt;/a&gt;
 

&lt;/div&gt; 

 

&lt;center&gt;&lt;a href="https://efryndiel.dreamwidth.org/7022.html" style="font-family: tahoma, sans serif; font-size: 8pt; text-decoration:none;"&gt;code&lt;/a&gt; @ &lt;a href="https://efryndiel.dreamwidth.org" style="font-family: tahoma, sans serif; font-size: 8pt; color: #4e6965; text-decoration: none;"&gt;&lt;b&gt;efryndiel&lt;/b&gt;&lt;/a&gt;&lt;/center&gt;
&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=1795" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:1775</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/1775.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=1775"/>
    <title>Songerein App</title>
    <published>2022-08-26T04:04:09Z</published>
    <updated>2022-09-03T05:55:42Z</updated>
    <category term="app"/>
    <category term="ooc"/>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://noctuagoetia.dreamwidth.org/1775.html#cutid1"&gt;Cut for Length&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=1775" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:1389</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/1389.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=1389"/>
    <title>PSL Catch All</title>
    <published>2022-07-31T05:15:55Z</published>
    <updated>2022-08-28T10:06:24Z</updated>
    <category term="psl"/>
    <category term="ic"/>
    <dw:security>public</dw:security>
    <dw:reply-count>32</dw:reply-count>
    <content type="html">&lt;center&gt;&lt;div style="width: 500px; height: 250px; background: url(https://c.tenor.com/sYG8PUuB8p8AAAAC/helluva-stolas.gif); border-radius: 35px; border: 3px solid #000000; box-shadow: 0px 0px 5px #000000;"&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;PSL Catch All&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=1389" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:1093</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/1093.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=1093"/>
    <title>IC Inbox</title>
    <published>2021-12-11T01:33:43Z</published>
    <updated>2022-08-28T10:23:04Z</updated>
    <category term="ic"/>
    <dw:security>public</dw:security>
    <dw:reply-count>152</dw:reply-count>
    <content type="html">&lt;center&gt;&lt;div style="width: 500px; height: 250px; background: url(https://64.media.tumblr.com/e73bc08c35885b9825c45f850d386ce7/31d4b58b0960b21f-76/s540x810/47736eb7ab4eb48c0c8d7179c3519b1cb32dd6fc.gifv); border-radius: 35px; border: 3px solid #000000; box-shadow: 0px 0px 5px #000000;"&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=1093" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:551</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/551.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=551"/>
    <title>Permissions</title>
    <published>2021-11-04T13:23:02Z</published>
    <updated>2021-11-13T10:42:29Z</updated>
    <category term="permissions"/>
    <category term="ooc"/>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">&lt;div style="font-family: &amp;#39;Palatino&amp;#39;, &amp;#39;Book Antiqua&amp;#39;, serif; font-size: 13pt; width: 500px; margin: auto; border-right: 2px solid #b68d4c;"&gt;

	&lt;details open="open"&gt;&lt;summary style="font-size: 16pt; text-transform: uppercase; margin: 1em auto; padding: .28em; background: #425863; background: linear-gradient(to right, #c19e67 0%, #f3e2c7 20%, #b68d4c 100%); color: #330; border-top-left-radius: 8px; border-bottom-left-radius: 8px;"&gt;OOC permissions&lt;/summary&gt;
	
	&lt;ul style="list-style: none; border: 0.5em solid transparent;"&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;backtagging&lt;/b&gt; Yes! Always!&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;threadhopping&lt;/b&gt; Usually okay. Ask first!&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;fourthwalling&lt;/b&gt; No, sorry!&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;off-limits&lt;/b&gt; Nothing yet.&lt;/li&gt;
	&lt;/ul&gt;&lt;/details&gt;
	
	&lt;details&gt;&lt;summary style="font-size: 16pt; text-transform: uppercase; margin: 1em auto; padding: .28em; background: #425863; background: linear-gradient(to right, #c19e67 0%, #f3e2c7 40%, #b68d4c 100%); color: #330; border-top-left-radius: 8px; border-bottom-left-radius: 8px;"&gt;IC permissions&lt;/summary&gt;
	
	&lt;ul style="list-style: none; border: 0.5em solid transparent;"&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;physical contact&lt;/b&gt; Hugs? Go for it! Kissing? Of course! A little NSFW? He's down to clown.&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;mental contact&lt;/b&gt; I don't have a problem with it. Though he might hahaha.&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;fighting/injury&lt;/b&gt; Fighting? Yes! He is a powerful demon of Hell, so beware. Injuries can be something discussed.&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;death&lt;/b&gt; As long as it's not a perma death, I'm okay!&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;other&lt;/b&gt; Nothing here yet.&lt;/li&gt;
	&lt;/ul&gt;&lt;/details&gt;
	
	&lt;details&gt;&lt;summary style="font-size: 16pt; text-transform: uppercase; margin: 1em auto; padding: .28em; background: #425863; background: linear-gradient(to right, #c19e67 0%, #f3e2c7 60%, #b68d4c 100%); color: #330; border-top-left-radius: 8px; border-bottom-left-radius: 8px;"&gt;SHIPPING&lt;/summary&gt;
	
	&lt;ul style="list-style: none; border: 0.5em solid transparent;"&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;otp&lt;/b&gt; ✓✓✓ BlitzøXStolas&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;good ship&lt;/b&gt; ✓ Fairly open when it comes to castmates with enough build-up!&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;okay ship&lt;/b&gt; ✓/✗ All OKAY. No kink shame.&lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;bad ship&lt;/b&gt; ✗ No bad ships. Only bad people. &lt;/li&gt;
		&lt;li&gt;&lt;b style="color: #b68d4c; font-style: italic;"&gt;notp&lt;/b&gt; ✗✗✗ Nothing at the moment.&lt;/li&gt;
	&lt;/ul&gt;&lt;/details&gt;
	
	&lt;details&gt;&lt;summary style="font-size: 16pt; text-transform: uppercase; margin: 1em auto; padding: .28em; background: #425863; background: linear-gradient(to right, #c19e67 0%, #f3e2c7 80%, #b68d4c 100%); color: #330; border-top-left-radius: 8px; border-bottom-left-radius: 8px;"&gt;Other&lt;/summary&gt;
	
	&lt;ul style="list-style: none; border: 0.5em solid transparent;"&gt;
		&lt;li&gt;powers and abilities&lt;/li&gt; &lt;a href=""&gt;&lt;/a&gt;
		&lt;li&gt;kink list&lt;/li&gt; N/A 
		&lt;li&gt;contact info&lt;/li&gt; Plurk: &lt;span style='white-space: nowrap;'&gt;&lt;a href='http://plurk.com/GoddessOfSugar'&gt;&lt;img src='https://plurk.com/favicon.ico' alt='[plurk.com profile] ' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' width='16' height='16'/&gt;&lt;/a&gt;&lt;a href='http://plurk.com/GoddessOfSugar'&gt;&lt;b&gt;GoddessOfSugar&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;
&lt;li&gt;Discord: Ask~&lt;/li&gt;
		&lt;li&gt;(place holder)&lt;/li&gt;
	&lt;/ul&gt;&lt;/details&gt;

&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=551" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2021-11-01:3849915:437</id>
    <link rel="alternate" type="text/html" href="https://noctuagoetia.dreamwidth.org/437.html"/>
    <link rel="self" type="text/xml" href="https://noctuagoetia.dreamwidth.org/data/atom/?itemid=437"/>
    <title>How's My Driving?</title>
    <published>2021-11-04T13:10:48Z</published>
    <updated>2021-11-04T13:23:28Z</updated>
    <category term="ooc"/>
    <category term="hmd"/>
    <dw:security>public</dw:security>
    <dw:reply-count>0</dw:reply-count>
    <content type="html">&lt;center&gt;&lt;div style="width: 500px; height: 250px; background: url(https://c.tenor.com/F4nukfwxWOwAAAAC/helluva-boss-sad.gif); border-radius: 35px; border: 3px solid #000000; box-shadow: 0px 0px 5px #000000;"&gt;&lt;br /&gt;&lt;div style="background: #000000; opacity: .75; width: 483px; border-radius: 0px 0px 35px 35px; position: relative; left: 1px; bottom: -190px; font-family: rockwell; font-size: 14pt; color: #fefefe; letter-spacing: -1px; padding-left: 15px;"&gt;&lt;center&gt;And it gets lonely here...&lt;/center&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://noctuagoetia.dreamwidth.org/437.html#cutid1"&gt;You know what happens when I get lonely?&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=noctuagoetia&amp;ditemid=437" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
</feed>
