<!--

	Luster Profile
	    -original design by realtense
		-html code by zodia

	RULES:
		-Please let me know you're using this code on my forum post! (https://toyhou.se/~forums/16.htmlcss-graphics/108777.-zodia-s-html-codes?page=0)
		-Do not remove the design or code credit at the end
		-Do not claim, sell, or resdistribute this code as your own
		-You may combine and modify code as long as the credit is still present
		-Please avoid using WYSIWYG. None of these codes are tested in WYSIWYG and I can't guarantee they'll work as intended.

	INFO:
		-Both images AND link colors can be changed to whatever you want!!
		-The code will expand if you add more content!
		-This design is set to use the muted text color by default. It's somewhat hard to read in dark themes, but it's still legible.
		 I marked where to change the text color if you prefer an alternate color.
		-I did my best to comment out the code to make it easy to edit; let me know if you need help with anything!!

-->


<!-- MAIN BACKGROUND: replace with your own image -->
<div class="card border-0 mx-auto p-3 p-sm-5" style="min-height: 380px;max-width: 550px;border-radius: 1.5rem; margin: 5% auto 5% auto;

	background-image: url(https://i.pinimg.com/564x/79/18/91/791891e9d8864f19e3950ab09a3192f5.jpg);

background-size: cover;">

    <!-- Change text-muted here if you don't like the text color! -->
    <div class="text-muted card border-0 m-auto px-2 py-3" style="background: rgba(255,255,255,.9); border-radius: 1.5rem; font-size: 14px; letter-spacing: 1px; max-width: 420px; max-height: 400px; overflow: auto;">
        <p class="text-center text-white mb-2"><span class="p-1" style="background: rgba(60,60,55,.9); border-radius: 1.5rem; padding: 0 5px 2px 5px;">

			<!-- HEADER INFO -->
			· maya | ♀️ | monster fucker ·

		</span></p>


		<!-- SMALL IMAGE BAR: replace with your own image -->
    	<div style="max-width: 350px;

			background: url(https://i.pinimg.com/564x/03/01/63/030163810da77516689053167582957f.jpg);

		border-radius: 1.5rem; background-size: cover; background-position: center" class="my-1 mx-auto w-100 p-2"></div>


        <p class="text-center font-italic mb-1">

			<!-- IMAGE QUOTE / SUBTITLE -->
			✧ﾟ･:*darkness to light, i'll be forever gracious*:･ﾟ✧

		</p>


        <hr class="w-50 my-1" style="border-color: inherit">


		<!-- MAIN DESCRIPTION -->
        <p class="my-1 px-2">
			hi im maya, a digital artist who likes edm, monsters, and minecraft youtubers.
		</p>


		<!-- LINKS -->
        <p class="text-center my-1 px-2">
			<a href="https://twitter.com/starryraindrop" style="color:#ad7c52">twitter</a> |
			<a href="https://www.instagram.com/starryraindrops/" style="color:#ad7c52">ig</a> |
			<a href="https://www.deviantart.com/starryraindrops" style="color:#ad7c52">dA</a>
		</p>

    </div>

</div>
<!-- CREDIT; DO NOT REMOVE! -->
<p class="text-muted mx-auto text-right" style="max-width: 550px; font-size: 10px; letter-spacing: 1px;">original design by <a href="https://toyhou.se/realtense" style="color:#ad7c52">realtense</a><br>code by <a href="https://toyhou.se/Zodia" style="color:#ad7c52">zodia</a></p>