
<div id="context">
<div id="left"> <a href="https://www.tumblr.com/lavendergalactic"><img src="https://files.catbox.moe/cdhvx5.png"></a> </div>
<div id="right">
-> **this url is [lavender's!](lavenderhoard)** <-
</div>
</div>

<style>
body {background: linear-gradient(#c2b1de, #6d58a1);
color: #44345c !important;}
#context{
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
#left, #right{
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
}
#right{
width: 50%;
}
#left{
width: 50%;
}
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #d7d1e6;
border-radius: 15px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(#c7bce4, #a28ddf);
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #c7bce4;
}
.tab-container {border: 5px solid #c7bce4;;
background: white !important;
border-radius: 20px !important;
width: 600px;
margin: auto;
box-shadow: 0 0 15px #442f7a !important;
display: flex !important;
justify-content: center;
flex-direction: column;
}}
#scrollbox {
display: block;
width: 300px;
height: 110px;
border: 2px dotted #c7bce4;
border-radius: 5px;
overflow-y: scroll;
padding: 5px;
margin: auto;
}
.highlight, button, .button {
display: inline-block !important;
width: max-content;
min-width: 60px;
margin: 0;
text-align: center !important;
color: white !important;
background: linear-gradient(180deg, #c7bce4 0%, #a28ddf 100%) !important;
border: 2px solid #a28ddf !important;
border-radius: 100px !important;
box-shadow: 0 0 0 0.125rem #442f7a !important;
}
.highlight {