athena

    <div class = "overflow-auto rounded shadow-lg container-fluid mx-auto p-1 card" style = "max-width: 600px; border: none; background: url(https://www.myfreetextures.com/wp-content/uploads/2014/11/floral-old-paper-or-parchment-900x702.jpg);">
    <div class = "m-2 row">
      <div class = "m-auto p-0 col-3">
        <!--pfp here-->
        <img style = "filter: grayscale(50%);" src = "https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0a6361b4-310e-41a4-9584-dbbdc1f2ecc0/ddt7hd1-2ad277a8-0946-4fc1-b4b7-8178e8cbae81.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMGE2MzYxYjQtMzEwZS00MWE0LTk1ODQtZGJiZGMxZjJlY2MwXC9kZHQ3aGQxLTJhZDI3N2E4LTA5NDYtNGZjMS1iNGI3LTgxNzhlOGNiYWU4MS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.hqZwlySSmsrwJbnYprtUP1r2u2s8egVW7MfEQxc0nb0" alt = "icon"/>

      </div>
      <div class = "my-auto mx-auto px-3 py-3 col-9">
        <h1 class = "my-auto" style = "margin-bottom: 0; font-variant: small-caps; font-size: 250%; color: #803a35; text-align: left; font-family: Times, serif;"><b>Greetings, traveller!</b></h1>
      </div>

    </div>
    <!--left side links-->
  <div class = "p-0 m-2 row overflow-auto">
    <div class = "col-3 m-0 p-0">
      <ul class = "mx-auto col" style = "list-style-type: none;">
        <li class = "mx-auto my-3 row">
          <a class = "mx-auto" href = "discord link here" target = "_blank"><i style = "color: #803a35;" class="fa-fw fab fa-discord fa-3x" aria-hidden="true"></i></a>
        </li>
        <li class = "mx-auto my-3 row">
          <a class = "mx-auto" href = "insta link here" target = "_blank"><i style = "color: #803a35;" class="fa-fw fab fa-instagram fa-3x" aria-hidden="true"></i></a>
        </li>
        <li class = "mx-auto my-3 row">
          <a class = "mx-auto" href = "DA link here" target = "_blank"><i style = "color: #803a35;" class="fa-fw fab fa-deviantart fa-3x" aria-hidden="true"></i></a>
        </li>
        <li class = "mx-auto mt-3 mb-0 row">
          <a class = "mx-auto" href = "https://toyhou.se/littlemountainwitch" target = "_blank"><i style = "color: #803a35;" class="fas fa-code fa-3x fa-fw" /></a>
        </li>

      </ul>

    </div>
    <!--about-->
    <div class = "mx-auto mb-0 overflow-auto rounded col-8" style = " max-height: 300px; ">
      <p class = "mx-auto" style = "color: #803a35; font-variant: small-caps; font-family: Times, serif; text-align: center;"><b>Athena - 16 - she/her</b></p>
      <h6 class = "p-2 m-0" style = "font-size: 150%; font-family: Times, serif;">Hello there! I'm Athena, or Athy. I'm an artist, writer, historian and high school student living in Bosnia and Herzegovina (my timeone is CET). I go by she/her and I'm super talkative, so don't hesitate to message me if you want a friendly discussion or just silly talk!</h6>
    </div>
    <div class = "col-1">

    </div>

  </div>
  </div>