Profile
<!--
blue: #002fff
icon: robot
brown: #91774a
icon: brush
-->
<p align="center">
<i class="fa-solid fa-robot" style="font-size: 30px"></i>
<a style="font-family: arial black,avant garde; font-size: 40px; color: #002fff;" href="LINK">
Error</a> <span style="font-family: courier; font-size: 30px"> vs </span>
<a style="font-family: arial black,avant garde; font-size: 40px; color: #91774a;" href="LINK">
Ink</a> <i class="fa-solid fa-brush" style="font-size: 30px"></i>
</p>
<div class="container-fluid" style="padding: 10px">
<div class="row">
<div class="col-5">
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier">
<p>Aggressive</p>
<p>Passive aggressive</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Obsessed</p>
<p>Aloof</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Enjoying themselves</p>
<p>Miserable</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Wants them dead</p>
<p>Likes their Company</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Frenemies</p>
<p>Actual enemies</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Will never forgive</p>
<p>Wants to reconcile</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Winning</p>
<p>Losing</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>High Stakes</p>
<p>Low Stakes</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Force for Good</p>
<p>Force for Evil</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Highly Competent</p>
<p>Cringe and Fail</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
<div class="m-2">
<div class="row no-gutters justify-content-between" style="font-size: 16px; font-family: courier; margin-top: 15px;">
<p>Selfishly Motivated</p>
<p>Selflessly Motivated</p>
</div>
<div class="col p-0 align-items-center" style="margin-top: -10px;">
<div class="w-100 bg-faded" style="height: 4px;"></div>
<!-- CHARACTER 1-->
<i class="fas fa-robot fa-fw" style="position: absolute; left: calc(
45%
- 2%); color: #002fff;"></i>
<!-- CHARACTER 2-->
<i class="fas fa-brush fa-fw" style="position: absolute; left: calc(
55%
- 2%); color: #91774a;"></i>
</div>
</div>
</div>
<div class="col-7">
<div class="card card-block bg-faded" style="padding: 10px; height: 500px; border-radius: 3em 3em 0em 0em; overflow: auto">
<div class="table-responsive tab-content">
<!--- tab one - basic info -->
<div class="tab-pane fade active show" id="info">
<div style="
background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bd58b756-7c0c-48d8-8453-d9c2d8d2f956/d9yecx5-fe0acb7d-2458-4fa8-9019-b21c0a8c6965.jpg/v1/fill/w_600,h_1200,q_75,strp/ink_and_error_by_thecrayonqueen_d9yecx5-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTIwMCIsInBhdGgiOiJcL2ZcL2JkNThiNzU2LTdjMGMtNDhkOC04NDUzLWQ5YzJkOGQyZjk1NlwvZDl5ZWN4NS1mZTBhY2I3ZC0yNDU4LTRmYTgtOTAxOS1iMjFjMGE4YzY5NjUuanBnIiwid2lkdGgiOiI8PTYwMCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.8Gs5tAu_RmldDSpjzv8klfxQHplVxApNc1iFf7jIx7E);
background-size: cover;
background-position: center;
height: 250px;
border: 3px solid;
border-radius: 2em 2em 0em 0em;
" align="right">
<a class="text-uppercase font-italic" style="bottom: -220px; position: relative; font-family: courier"
href ="https://www.deviantart.com/thecrayonqueen/art/Ink-and-Error-601972457"
> Credit </a>
</div>
<!-- timeline -->
<div class="container p-2 overflow-auto" style="height:228px;">
<table class="m-1" style="border:none;">
<!-- event 1 -->
<tr>
<td class="pt-3 pr-2 text-right" style="border-right:2px solid; vertical-align:top;;">
<h4 style="font-family: courier">JAN 01, XXXX</h4>
</td>
<td> <ul class="fa-ul ml-2">
<li class="rounded p-2 mb-3 ml-2"><i class="fa-li fas fa-circle ml-20" style="margin-left:-10.5px;"></i>
<h4 style="font-family: courier"><strong>Event</strong></h4>
<p>Event description. Can be as long or as short as you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus id dui rutrum vehicula.</p>
</li>
</ul>
</td>
</tr>
<!-- event 2 -->
<tr>
<td class="pt-3 pr-2 text-right" style="border-right:2px solid; vertical-align:top;;">
<h4 style="font-family: courier">JAN 01, XXXX</h4>
</td>
<td> <ul class="fa-ul ml-2">
<li class="rounded p-2 mb-3 ml-2"><i class="fa-li fas fa-circle ml-20" style="margin-left:-10.5px;"></i>
<h4 style="font-family: courier"><strong>Event</strong></h4>
<p>Event description. Can be as long or as short as you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus id dui rutrum vehicula.</p>
</li>
</ul>
</td>
</tr>
<!-- event 2 -->
<tr>
<td class="pt-3 pr-2 text-right" style="border-right:2px solid; vertical-align:top;;">
<h4 style="font-family: courier">JAN 01, XXXX</h4>
</td>
<td> <ul class="fa-ul ml-2">
<li class="rounded p-2 mb-3 ml-2"><i class="fa-li fas fa-circle ml-20" style="margin-left:-10.5px;"></i>
<h4 style="font-family: courier"><strong>Event</strong></h4>
<p>Event description. Can be as long or as short as you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus id dui rutrum vehicula.</p>
</li>
</ul>
</td>
</tr>
<!-- event 3 -->
<tr>
<td class="pt-3 pr-2 text-right" style="border-right:2px solid; vertical-align:top;;">
<h4 style="font-family: courier">JAN 01, XXXX</h4>
</td>
<td> <ul class="fa-ul ml-2">
<li class="rounded p-2 mb-3 ml-2"><i class="fa-li fas fa-circle ml-20" style="margin-left:-10.5px;"></i>
<h4 style="font-family: courier"><strong>Event</strong></h4>
<p>Event description. Can be as long or as short as you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus id dui rutrum vehicula.</p>
</li>
</ul>
</td>
</tr>
</table>
</div>
</div>
<!--- tab two - bio -->
<div class="tab-pane fade" id="bio">
<div class="card" style="border-radius: 30px 30px 0px 0px; padding: 10px;">
<div class="container-fluid">
<div class="row">
<div class="col-6">
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> ANGER </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
</div>
</div>
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> RESPECT </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
</div>
</div>
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> HATRED </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
</div>
</div>
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> FEAR </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="fa fa-heart" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
<i class="far fa-heart faded" style="color: #002fff;"></i>
</div>
</div>
</div>
<div class="col-6">
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> ANGER </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
</div>
</div>
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> RESPECT </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
</div>
</div>
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> HATRED </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
</div>
</div>
<div class="row no-gutters" style="font-family: courier">
<div class="col-6 p-1 text-left"><strong> FEAR </strong></div>
<div class="col-6 p-1 text-right">
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="fa fa-heart" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
<i class="far fa-heart faded" style="color: #91774a;"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- CHARACTER1 COMMENTARY -->
<div class="mb-3 ml-4 p-3 mt-3" style="border-radius: 2em; position: relative; background: #002fff;">
<i class="fas fa-triangle fa-rotate-270 fa-2x" style="position: absolute; left: -20px; top: 30%; color: #002fff;"></i>
<p class="text-white" style="font-size: 18px; margin-bottom: 0px; font-family: courier; margin-top: -5px;">
<strong>Character 1.</strong>
</p>
<p class="text-justify text-white" style="font-size: 14px; font-family: courier">
funny text
</p>
</div>
<!-- CHARACTER2 COMMENTARY -->
<div class="mb-2 mr-4 p-3" style="border-radius: 2em; position: relative; background: #91774a;">
<i class="fas fa-triangle fa-rotate-90 fa-2x" style="position: absolute; right: -20px; bottom: 30%; color: #91774a;"></i>
<p class="text-white text-right" style="font-size: 18px; font-family: courier; margin-bottom: 0px; margin-top: -5px;">
<strong>Character 2.</strong>
</p>
<p class="text-justify text-white" style="font-size: 14px; font-family: courier">
funny text
</p>
</div>
<!-- CHARACTER3 COMMENTARY -->
<div class="mb-3 ml-4 p-3 mt-3" style="border-radius: 2em; position: relative; background: #002fff;">
<i class="fas fa-triangle fa-rotate-270 fa-2x" style="position: absolute; left: -20px; top: 30%; color: #002fff;"></i>
<p class="text-white" style="font-size: 18px; margin-bottom: 0px; font-family: courier; margin-top: -5px;">
<strong>Character 1.</strong>
</p>
<p class="text-justify text-white" style="font-size: 14px; font-family: courier">
funny text
</p>
</div>
<!-- CHARACTER2 COMMENTARY -->
<div class="mb-2 mr-4 p-3" style="border-radius: 2em; position: relative; background: #91774a;">
<i class="fas fa-triangle fa-rotate-90 fa-2x" style="position: absolute; right: -20px; bottom: 30%; color: #91774a;"></i>
<p class="text-white text-right" style="font-size: 18px; font-family: courier; margin-bottom: 0px; margin-top: -5px;">
<strong>Character 2.</strong>
</p>
<p class="text-justify text-white" style="font-size: 14px; font-family: courier">
funny text
</p>
</div>
</div>
<!--- tab three - trivia -->
<div class="tab-pane fade" id="triv">
<br>
<p style="font-size: 30px; font-family: courier" align="center">
<strong> Interview! </strong>
</p>
<hr>
<p style="font-size: 20px; font-family: courier">
<i class="fa-regular fa-comment-question faded"></i> <strong> Question? </strong>
</p>
<div class="text-uppercase" style="color: #002fff;" align="left"> <strong> character name's answer: </strong> </div>
<div class="faded" align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<div class="text-uppercase" style="color: #91774a;" align="right"> <strong> character name's answer: </strong> </div>
<div class="faded" align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<hr>
<p style="font-size: 20px; font-family: courier">
<i class="fa-regular fa-comment-question faded"></i> <strong> Question? </strong>
</p>
<div class="text-uppercase" style="color: #002fff;" align="left"> <strong> character name's answer: </strong> </div>
<div class="faded" align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<div class="text-uppercase" style="color: #91774a;" align="right"> <strong> character name's answer: </strong> </div>
<div class="faded" align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<hr>
<p style="font-size: 20px; font-family: courier">
<i class="fa-regular fa-comment-question faded"></i> <strong> Question? </strong>
</p>
<div class="text-uppercase" style="color: #002fff;" align="left"> <strong> character name's answer: </strong> </div>
<div class="faded" align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<div class="text-uppercase" style="color: #91774a;" align="right"> <strong> character name's answer: </strong> </div>
<div class="faded" align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<hr>
<p style="font-size: 20px; font-family: courier">
<i class="fa-regular fa-comment-question faded"></i> <strong> Question? </strong>
</p>
<div class="text-uppercase" style="color: #002fff;" align="left"> <strong> character name's answer: </strong> </div>
<div class="faded" align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<div class="text-uppercase" style="color: #91774a;" align="right"> <strong> character name's answer: </strong> </div>
<div class="faded" align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<hr>
<p style="font-size: 20px; font-family: courier">
<i class="fa-regular fa-comment-question faded"></i> <strong> Question? </strong>
</p>
<div class="text-uppercase" style="color: #002fff;" align="left"> <strong> character name's answer: </strong> </div>
<div class="faded" align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<div class="text-uppercase" style="color: #91774a;" align="right"> <strong> character name's answer: </strong> </div>
<div class="faded" align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
</div>
<hr>
</div>
</div>
</div>
<div class="mb-1">
<ul class="nav flex-column flex-lg-row text-uppercase">
<li class="nav-item flex-fill m-1"><a class="nav-link btn btn-primary" data-toggle="tab" href="#info" style="border-radius: 0px; font-family: courier"><strong>
<i class="fa-solid fa-book"></i>
</strong></a></li>
<li class="nav-item flex-fill m-1"><a class="nav-link btn btn-primary" data-toggle="tab" href="#bio" style="border-radius: 0px; font-family: courier"><strong>
<i class="fa-solid fa-chart-bar"></i>
</strong></a></li>
<li class="nav-item flex-fill m-1"><a class="nav-link btn btn-primary" data-toggle="tab" href="#triv" style="border-radius: 0px; font-family: courier"><strong>
<i class="fa-solid fa-microphone-stand"></i>
</strong></a></li>
</ul>
</div> </div>
</div>
<div class="text-uppercase" align="right" style="font-family: courier"> code by rottencodes </div>
</div>
<br>
<hr>
<br>