[SNIP] Sky quests!

HTMLCustom ColorsMiscellaneous

Line Count: 31

Difficulty:

Default
Art Fight compatible version

<!--

Sky quests!: code by FlowerlyRat || Based on the game Sky: Children of the Light's UI by ThatGameCompany

Advised link aesthetic to use to be Sky related:
    Blue variant [to link characters, groups, species, and entities]:
        <a style="font-weight: bold; color: #7efdfe" href="LINK_HERE">text here!</a>
    Orange variant [to link everything else]:
        <a style="font-weight: bold; color: #ff7e01" href="LINK_HERE">text here!</a>

No credits required

-->

<div>
    <div class="card border-0 rounded-0 p-2 mb-2" style="font-weight: 500; color: #ffffea; border-radius: 26px; background: rgba(0, 0, 0, 0.5); display: inline-block">
        <div class="row no-gutters my-auto">
            <div class="col-auto card border-0 justify-content-center align-items-center my-auto" style="height: 35px; width: 35px; font-size: 19px; border-radius: 50%; background-color: #fef7db">
                
                <!--/// ICON ///-->
                <i class="fas
                
                fa-icons
                
                fa-fw" style="color: #000"></i>
            </div>
            <div class="col ml-2 mr-3 my-auto" style="text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5)">
                
                <!--/// TEXT ///-->
                <p>
                    
                    Note, fun fact, link and other
                    
                </p>
            </div>
        </div>
    </div>
</div>

Copy

<!--
Advised link aesthetic to use to be Sky related:
    Blue variant [to link characters, groups, species, and entities]:
        <a style="font-weight: bold; color: #7efdfe" href="LINK_HERE">text here!</a>
    Orange variant [to link everything else]:
        <a style="font-weight: bold; color: #ff7e01" href="LINK_HERE">text here!</a>

FontAwesome icons: https://fontawesome.com/search

No credits required
-->
<div><div class="card border-0 p-2 mb-2" style="color: #ffffea; border-radius: 29px; background: rgba(0, 0, 0, 0.5); display: inline-block"><div class="row no-gutters my-auto">
    <div class="col-auto card border-0 justify-content-center align-items-center my-auto" style="height: 35px; width: 35px; font-size: 19px; border-radius: 50%; background-color: #fef7db">
<!--/// ICON ///-->
        <span  style="color: #000"><i class="fas fa-icons fa-fw"></i></span>
    </div>
    <div class="col ml-2 mr-3 mt-2">
<!--/// TEXT ///-->
        <p>
            Note, fun fact, link and other
        </p>
    </div>
</div></div></div>

Stor8

[SNIP] Sky quests!

Password (optional)