<!--artfight banner code start-->
<div align="center">
<!--change bg color below to change the base color of the banner-->
<div class="row no-gutters col-lg-11 p-1 justify-content-center" style="display:flex; background-color:#061328; border-radius:50px; border:2px groove #ffd789; min-height:180px;">
<!--Left side start, feel free to change the bg image-->
<div class="col-lg-4 p-2 justify-content-center" style="background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/66941025_nG4oCwYvYKeiYNH.gif);border-radius:50px;background-size:cover; background-repeat:no-repeat; background-position:center;">
<!--Font Awesome Icons-->
<div class=" p-2 " style=" color:#fdc79f;"><span class="fa-stack" style="font-size:4rem;">
<i class="fa-duotone fa-moon-stars  fa-stack-2x" style="opacity:.7;"></i>
<i class="fa-solid fa-paw-claws fa-stack-1x " style="color:#7471ff; opacity:.8;"></i>
</span>
<p class="" style="color:#fff; position:absolute; left:1.5vw;bottom:.5vw;"><a href="https://toyhou.se/knightfright/characters/folder:4540592" style="color:#fdc79f;"><i class="fal fa-dog"></i></a></p>
</div>
<!--=Icons end-->
</div>
<!--Left side end-->
<!--right side start-->
<div class="col-lg-8 p-3" style="background:none;">
<span class="h1" style="text-align:center; font-family:'Copperplate Gothic'; color:#ffdbb3;">ARTFIGHT 2023 - TEAM WEREWOLF</span>
<p style="font-family:'MS Gothic'; color:#fffbfb;">Awwoooo! Type some stuff here, maybe like types of characters you can draw or link to some ocs. The banner will expand but it might look funky past a certain point. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam ex sit amet libero porttitor finibus. </p>
<!--button start-->
<div align="center">
<a class="btn btn-outline col-lg-3 mt-2 mb-1" href="AF LINK HERE" style="background-color:#3669c8;color:#fff; font-family:'Helvetica';"> <i class="fa-solid fa-paintbrush-pencil fa-1x mr-2" style="color:#ffdea6; font-size:1.2rem;"></i> Artfight Page</a>
</div>
<!--button end-->
</div>
<!--right side end-->
</div>
</div>
<!--banner code end-->

<!--artfight banner code start-->
<div align="center">
<!--change bg color below to change the base color of the banner-->
<div class="row no-gutters col-lg-11 p-1 justify-content-center" style="display:flex; background-color:#0c0002; border-radius:50px; border:2px groove #7d0120; min-height:180px;">
<!--Left side start, feel free to change the bg image-->
<div class="col-lg-4 p-2 justify-content-center" style="background-image:url(https://d.wattpad.com/story_parts/641059128/images/156146c8aacf1e0299070521500.gif);border-radius:50px;background-size:cover; background-repeat:no-repeat; background-position:center;">
<!--Font Awesome Icons-->
<div class="p-2 m-2" style="color:#fb003f;">
<span class="fa-stack" style="font-size:4rem;">
<i class="fa-duotone fa-coffin-cross fa-stack-2x" style="opacity:.8;"></i>
<i class="fa-solid fa-bat fa-stack-1x fa-rotate-by" style="color:#f2f2ff; opacity:; margin-left:2vw;transform:rotate(-35deg);"></i>
</span>
<p class="" style="color:#fff; position:absolute; left:1.5vw;bottom:.5vw;"><a href="https://toyhou.se/knightfright/characters/folder:4540592" style="color:#fdc79f;"><i class="fal fa-garlic"></i></a></p>
</div>
<!--=Icons end-->
</div>
<!--Left side end-->
<!--right side start-->
<div class="col-lg-8 p-3" style="background:none;">
<span class="h1" style="text-align:center; font-family:'Copperplate Gothic'; color:#ffffff;">ARTFIGHT 2023 - TEAM VAMPIRE</span>
<p style="font-family:'MS Gothic'; color:#ffe2e3;">Bleh bleh bleh! Type some stuff here, maybe like types of characters you can draw or link to some ocs. The banner will expand but it might look funky past a certain point. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam ex sit amet libero porttitor finibus.  </p>
<!--button start-->
<div align="center">
<a class="btn btn-outline col-lg-3 mt-2 mb-1" href="AF LINK HERE" style="background-color:#bc1744;color:#fff; font-family:'Helvetica';"> <i class="fa-solid fa-paintbrush-pencil fa-1x mr-2" style="color:#090001; font-size:1.2rem;"></i> Artfight Page</a>
</div>
<!--button end-->
</div>
<!--right side end-->
</div>
</div>
<!--banner code end-->