<div id="context">
<div id="left"> <a href="https://x.com/paccha_7/status/1852477513156419931"><img src="https://files.catbox.moe/tbdi1h.png"></a></div>
<div id="right">
-> :{20x20} ︵ <span class="name">LS</span> or <span class="name">LOST</span> <-
-> he she boygirl :{20x20} <-
-> :{148x33} <-
-> <b>enneagram</b> lover :{20x20} <-
-> intj sx/so 614 lvef lsi <-
-> <span class="small">click stamps for links!</span> <-
<span class="small"> </span>
-> <a href="https://prns.cc/ugbie">:{70x40}</a> <a href="https://spacehey.com/lostsignal">:{70x40}</a> <-
<span class="small"> </span>
-> :{20x20} <span class="small">resources from <a href="https://lovesick.cafe/sozai">lovesick</a></span> <-
</div>
</div>
<style>
@font-face {
font-family: "pixelmix";
src: url(https://files.catbox.moe/30ocx7.ttf);
}
@font-face {
font-family: "billodream";
src: url(https://files.catbox.moe/vk0a7n.TTF);
}
.name {
font-family: "billodream";
font-size: 15px;
color: #E2698C;
padding: 1px;
}
.small {
font-size: 7px;
font-family: "pixelmix";
}
.tab-container {
border-width: 7px;
border-style: solid;
border-color: transparent;
border-image: url("https://files.catbox.moe/7h0to4.png") 4 fill round;
margin: auto;
width: 450px;
display: flex !important;
ustify-content: center;
flex-direction: column;
height: 300px !important;
margin-top: 4em;
}
#context{
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
#left, #right {
height: fit-content;
display: flex;