<style>
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
p {
  font-family: "DotGothic16", sans-serif;
}
</style>
<style>
background-color: #DAE88F;
</style>
<div class="system-container">
   <div class="system-title">
      <h2>LANDOSTAND</h2>
      <hr>
      <p>he it 　  polyfrag 　  bpd</p>
         <div>

         </div>
    </div>
   <hr>
   <div class="alter-pill">
       <div class="alter-block"> 
          <img id="alter-icon" src="https://i.postimg.cc/xChZfmT9/Untitled18-20260425015110.png">
          <p><h2>Vee</h2>any prns</p>
       </div>
       <div class="alter-block"> 
          <div id="desc-scroll">
              <p>Vee or Lando, 25yo, Main Host + Masker, System “admin” sngl 00.00.00   　   Fronstuck since 23.05.24  　   Source int welcome! </p>
          </div>
          <div style="text-align: center;">
            <a href="https://open.spotify.com/track/2zOmS55knKWSgScYPTNmGQ?si=PQ_oh8SpRV-T-6HCdvkAjg">src</a> ． <a href="https://en.wikipedia.org/wiki/Lando_Norris">src</a> ．
         </div>
       </div>
   </div>
   <div class="alter-pill">
       <div class="alter-block"> 
          <img id="alter-icon" src="https://i.postimg.cc/c4HKy8tB/Untitled18-20260425015739.png">
          <p><h2>Fawn</h2>it / wound</p>
       </div>
       <div class="alter-block"> 
          <div id="desc-scroll">
              <p>Fawn or Marc, 22 yo, 2ndry Host, Trauma & CPTSD holder + Manager, sngl 00.00.00  　   Source int okay, please int wec </p>
          </div>
          <div style="text-align: center;">
            <a href="https://en.wikipedia.org/wiki/Marc_M%C3%A1rquez">src</a> ． <a href="https://open.spotify.com/track/12WhIX6MvI93bS3wPSStSY?si=k_KBySjNSKGK_YR9uIWDlg">fav</a> ． <a href="https://milflewis.tumblr.com/post/706326977166082048/okay-heres-the-rosquez-history-im-fully-copying/amp">mems</a>
         </div>
       </div>
   </div>
   <hr>
   <div><p>that fancy wine won’t put this fire out.</p></div>
</div>

<style>
hr {
width: 15em;
margin-bottom: 10px;
}

.system-title {
display: flex;
flex-direction: column;
align-items: center;
margin: 10px;
width: 15em;
}

.system-title p {
text-align: center;
line-height: 1em;
padding: 10px 0px;
}

.alter-pill h2 {
padding-bottom: 0px;
}

/* Use this as the main container pls thanx */
.system-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

#desc-scroll {
width: 8em;
height: 7em;
border: var(--color-border) 1px solid;
border-radius: 3px;
padding: 5px;
overflow-y: scroll;
}

#desc-scroll::-webkit-scrollbar {
width: 0px;
}

.alter-block {
display: block;
}

.alter-pill {
display: flex;
justify-content: space-between;
border: var(--color-border) 1px solid;
margin-bottom: 10px;
border-radius: 5px;
width: 15em;
height: 10em;
padding: 10px;
}

#alter-icon {
width: 5em;
height: 5em;
}

.system-title hr {
width: 5em;
margin: 0px;
}

.container-1 {
border: none;
display: flex;
align-items: center;
justify-content: center;
}
</style>