Pride month?!

<!--START-->

<center>
<!-- BG -->
<div style="background-color: #B190EA;
background-size: 100%;
overflow: visible;
padding: 20px;
">
<!-- BG END -->


<!-- MAIN CONTAINER --->


<div style="
width:500px;
height: 400px;
padding: 30px;
display: grid;
grid-template-columns: 175px auto;
grid-gap: 10px;">

<!--IMAGE --->
<div style="
position: absolute;
top: 40px;
z-index: 5;
width: 200px;
transform: rotate(-12deg);
border-style: solid;
border-color: #351d47;
border-width: 6px;">
<img src="https://file.garden/ZUq1b0HQfQrofRcY/sheezy/...pride%3F/dariacore%202.png">
</div>
<!--IMAGE END --->

<!-- PAGEDOLL --->
<div>
<img style="width: 150px;
position: absolute;
bottom: 100px;" src="https://file.garden/ZUq1b0HQfQrofRcY/sheezy/...pride%3F/hamtaro_spin.gif">
</div>
<!-- PAGEDOLL END--->

<div style="
grid-gap: 60px;
display: grid;
grid-template-rows: 70px 200px;">

<!--STAMPS (THIS BOX SCROLLS!)--->
<div style="
padding: 15px;
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 5px;
background-color: #7152ba;
border-style: dashed;
border-color: #351d47;
border-width: 3px;
box-shadow: 5px 5px 5px #00000040;
overflow-y: auto;">
<img src="https://file.garden/ZUq1b0HQfQrofRcY/sheezy/...pride%3F/bi_flag_stamp.png">

<img src="https://file.garden/ZUq1b0HQfQrofRcY/sheezy/...pride%3F/aro_flag_stamp.png">

<img src="https://file.garden/ZUq1b0HQfQrofRcY/sheezy/...pride%3F/bear_flag_stamp.png">

</div>
<!--STAMPS END--->

<!--DESC--->
<div style="
background-color: #7152ba;
border-style: dashed;
border-color: #351d47;
border-width: 3px;
box-shadow: 5px 5px 5px #00000040;
overflow-y: auto;">

<p style="
font-family: 'Comic Sans MS', cursive;
color: #cc99f0;
overflow-y: auto;
font-size: 24px;">INTRO</p>

<img style="display: inline-block; width: 20px;"
src="https://file.garden/ZUq1b0HQfQrofRcY/sheezy/...pride%3F/rainbow_swirl.webp">

<p style="display: inline-block;
font-family: 'Comic Sans MS', cursive;
color: #cc99f0;
font-size: 12px;">NAME | AGE | PRONOUNS</p>

<img style="display: inline-block; width: 20px;"
src="https://file.garden/ZUq1b0HQfQrofRcY/sheezy/...pride%3F/rainbow_swirl.webp">


<p style="
font-family: 'Comic Sans MS', cursive;
color: #cc99f0;
font-size: 12px;">THIS BOX SCROLLS! You can add as much text as you want!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lobortis efficitur interdum. Sed egestas cursus odio, non dictum ipsum tristique id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lobortis efficitur interdum. Sed egestas cursus odio, non dictum ipsum tristique id.
</p>
</div>
<!--DESC end--->

</div>

</div>

<!-- MAIN CONTAINER END --->
<p>code by <a href="https://sheezy.art/eyejest">Eyejest</a> </p>

</div>
</center>

<!--END-->