[TH] Marie

<!--

  Credit: vom | vomcodesstuff | vomwastaken

  Info:
    - Pls don't take out my credit, I made it as small
      and as unobtrusive as possible.
    - Have fun!!!

-->
<div class="fixed-bottom p-2" style="right:0;left:inherit;">
  <a class="btn" style="font-size:12px;" href="https://toyhou.se/3614196.-f2u-html-tidbits/3614551.001-character-background">
    <i class="fal fa-code"></i>
  </a>
</div>
<!-- ------------------------------

      Main Background Change

------------------------------- -->
<div style="position:absolute;top:0;bottom:0;left:0;

  background:#e08d8d url(https://i.imgur.com/tafGlBP.jpg) fixed center;

width:100%;z-index:-1;"></div>
<!-- ------------------------------

<!--Colors

LIGHT PINK #ffd3d9
LIGHT BLUE #e1e9f3
PEACH PINK #ffafb9
DARK BLUE #c7d5e8

-->


<!--You can change background pattern here. I suggest you to visit Coulour Lovers. You can create pattern with your own palette.-->
  <div style="width: 830px;margin: 0 auto;background: none;padding: 40px;border-top: 0px solid #ffafb9;border-bottom: 0px solid #ffafb9;font-family: arial;">

    <!--CHARACTER NAME-->
    <h1 style="font-size: 30px;letter-spacing: 8px;font-style: italic;color: #ffafb9;">
        ♡ Maríe
    </h1>

    <table style="border:0; background: transparent;border-collapse: collapse;background-color:#fbfbfb;border-width:1px;border-style:solid;border-color:#ffafb9;position:relative;">
      <tr>
        <td style="padding: 20px 0;width: 30%;vertical-align: top;background-color:#e1e9f3;text-align:center;">

          <!--Little image above basics. Will be automatically resized-->
          <div style="width: 70%; margin: auto;">
            <img src="https://file.toyhou.se/users/Valyriana?9" style="padding-top:3px;padding-bottom:3px;padding-right:3px;padding-left:3px;border-width:1px;border-style:solid;border-color:#fbfbfb;" >
          </div>


          <!--BASICS

         A "basics" item starts at <div> and ends at </div>-->
          <div style="width:70%;margin:15px auto 2px;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding:4px 0;font-weight: bold;color: #ffafb9;letter-spacing: 1px;line-height: 12px;" >
            species
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #c7d5e8;letter-spacing: 0px;text-transform: none;">
              <a href="https://www.deviantart.com/anniverse" style="color:#ffd3d9;">Annie</a>
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ffafb9;letter-spacing: 1px;line-height: 12px;" >
            age
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #c7d5e8;letter-spacing: 0px;text-transform: none;">
              23
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ffafb9;letter-spacing: 1px;line-height: 12px;" >
            gender
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #c7d5e8;letter-spacing: 0px;text-transform: none;">
            female
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ffafb9;letter-spacing: 1px;line-height: 12px;" >
            birthdate
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #c7d5e8;letter-spacing: 0px;text-transform: none;">
              6th of December
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ffafb9;letter-spacing: 1px;line-height: 12px;" >
            blessing
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #c7d5e8;letter-spacing: 0px;text-transform: none;">
              Kermode Bear
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #ffafb9;letter-spacing: 1px;line-height: 12px;" >
            town
            <br />
            <span style="font-size: 11px;font-weight: normal;color: #c7d5e8;letter-spacing: 0px;text-transform: none;">
              <a href="https://www.deviantart.com/anniverse/journal/Luminoire-Summary-745383329" style="color: #ffd3d9;">Luminoire</a>
            </span>
          </div>

          <!--END OF BASICS-->


        </td>
        <td style="padding: 0;width: 70%;">
          <div style="padding:20px 30px;height:100%;text-align:justify;" >

              <!--TEXT GOES HERE-->
              <!--You can use <p> to create paragraphs or you can use <br> to create a line break-->
              <p style="font-size:10px;color: #98b4d9">
                Maríe (Maríe Sofia Amorie) is an Annie who has a blessing of Kermode bear. She lives in the town of Luminoire.
              <br>
              <br>PERSONALITY ✿ Quite introverted, calm and collected sweetheart. She can seem a bit naive at times because shes not very experienced with life beyond her town.
              <br>LIKES ✿ Clothes, perfumes, shopping, jewelry, make up, respecting the nature, sewing
              <br>DISLIKES ✿ Noisy big cities, humid weather, messiness
              <br>ABOUT ✿ Maríe is fashion loving sweetheart who enjoys her time alone prettying up. As much as she loves shopping she enjoys buying old used clothing and make it into new fashionable pieces of clothing. Her taste in clothin is heavily inspired by sweet kawaii clothing from (J)Apan. Her other hobbies consists of spiritual readings (analyzing dreams especially) and making herbal medicine from the things that she gathers from the nature. Even though she looks often very prettied up she can get her hands dirty in the nature as well. She feels the more spiritual connection of nature and other animals and therefore wont want to hurt any animals and respects the nature.
              <br>
              <br>Maríe spends most of her time shopping, sewing or just enjoying nature. She likes to read in parks and enjoy the fresh air. She has some friends who she hangs with as well from time to time but is mostly quite the loner. Maríe's best friend, Nanci, is one who she likes to spend time by enjoying nature and go to have a picnic in beautiful parks in both girls towns. It's a great way to catch up since they don't meet each other too often. Shopping for clothing is also something they enjoy doing together.
              <br>
              <br>Maríe eats quite healthy vegetarian food (to respect the animal kind). She enjoys going to the nature and pick up herbs and berries in order to make something new an exciting to eat or drink. She has sometimes friends coming over to taste her new creations that might take people by surprise. </p>
              <!--END OF TEXT-->

            </div>
          </td>
        </tr>
    </table>

    <!--LIKES AND DISLIKES-->
    <table style="width:750px;background-color:#fbfbfb;border:1px solid #ffafb9;border-collapse: collapse; margin-top: 20px;">
      <tr>
        <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 10px;">
          <h2 style="margin: 0;text-transform: uppercase;color: #ffafb9;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
            Design notices
          </h2>
          <p style="font-size:10px;color: #98b4d9">
          <br>
          <!--Use <br> to create line breaks in your lists-->
          ♡  Hair has heart shaped braid at the end of the normal braid!
          <br>
          ♡  Eyeshadow color is baby blue
          <br>
          ♡  Currently Maríe has 4 main outfits, check the references.
          <br>
          ♡  Her hair is pink and cream gradient (cream is at the bottom of her hair)</p>
        </td>
        <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 10px;">
          <h2 style="margin: 0;text-transform: uppercase;color: #ffafb9;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
            Other facts
          </h2>
          <p style="font-size:10px;color: #98b4d9">
          <br>
          ♡  Favorite item is a paif or golden antique scissors
          <br>
          ♡  Maríes sexuality is bi but she's currently single
          <br>
          ♡  Clothing style is usually casual kawaii
          <br>
          ♡  Drink that Maríe has drinks is lemon water with a bit of honey</p>
        </td>
      </tr>
    </table>
    <!--END OF LIKES AND DISLIKES-->

    <!--RELATIONSHIPS-->
    <div style="width:750px;padding: 20px;background-color:#fbfbfb;border:1px solid #ffafb9; margin-top: 20px;">
      <h2 style="margin: 0;text-transform: uppercase;color: #ffafb9;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
        Relationships
      </h2>

      <!--Beginning of relationship item-->
      <table style="background-color:#fbfbfb;border:0;background: transparent;border-collapse: collapse;margin-top: 10px;">
        <tr>
          <td style="padding: 0; width:100px;vertical-align: top;" rowspan="2">
            <a href="#"><img src="http://placehold.it/100x100/e1e9f3/ffafb9" style="padding:3px;border:1px solid #ffafb9;"></a>
          </td>
          <td style="padding: 0;vertical-align: top;">
            <div style="margin:0 0 2px 2px;text-transform:uppercase;font-size:10px;background-color:#e1e9f3;padding: 4px 20px;font-weight: bold;color: #ffafb9;letter-spacing: 1px;line-height: 13px;" >
              Name
              <br />
              <span style="font-size: 10px;font-weight: normal;color: #666;text-transform: none;">
                relationship
              </span>
            </div>
          </td>
        </tr>
        <tr style="background: transparent;">
          <td style="padding:0 0 0 10px;text-align:justify;line-height:13px;font-size:10px;vertical-align: top;font-family: arial;">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
          </td>
        </tr>
      </table>
      <!--End of relationship item-->

    </div>
    <!--END OF RELATIONSHIPS-->


    <!--CREDITS-->
    <div style="width: 750px;text-align: right; color:#ffafb9; font-size: 10px;">
    Coding by <b><a href="https://toyhou.se/Awful" style="color:#ffafb9;">Awful</a></b>  |  Editing by <b><a href="https://toyhou.se/Elxyie" style="color:#ffafb9;">Elxyie</a></b>
    </div>
    <!--END OF CREDITS-->
  </div>
</div>
<!--FANCY SPACE LAYOUT ENDS HERE-->

<!-- END OF CUSTOM CONTENT -->
</div>