[Yugao Uka]

[nospaces]

[attr="class","sidebar"]

[attr="class","icon"]

[attr="class","text-area"]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.".
[break][break]

SPOILER: Click to show

蝶々技術 | Chōchō Gijutsu [lit. Butterfly Techniques]
[break][break]
Having undergone comprehensive training under her father's guidance since a young age, Uka has developed exceptional proficiency in both the theoretical and practical aspects of the Yugao clan's hijutsu. This extensive training enables her to adeptly utilize a wide array of the clan's jutsu. With her honed skills, Uka can effectively communicate with, command, and channel the innate instincts and capabilities of the insects belonging to the Lepidoptera order, such as butterflies and moths, seamlessly integrating them into her own jutsus.

[attr="class","ooc-area"]WORD: 000
[break]
@

[googlefont=Fira Sans:400,500,600,700]
[newclass=.sidebar]margin: 20px auto; width: 500px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr auto; grid-template-areas: 'icon text' 'ooc text'; grid-column-gap: 16px; margin: 20px auto; width: 500px; border: 0px solid black; font: 400 12px/16px 'Fira Sans', arial; [/newclass]
[newclass=.sidebar .icon]width: 100px; grid-area: icon; position: relative;[/newclass]
[newclass=.sidebar .icon img]width: 100%; filter: brightness(90%) contrast(90%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass]
[newclass=.sidebar .icon img:hover]filter: brightness(100%) contrast(100%); transition: filter 0.3s; -webkit-transition: filter 0.3s, -webkit-filter 0.3s;[/newclass]
[newclass=.sidebar .text-area]grid-area: text; text-align: justify;[/newclass]
[newclass=.sidebar .text-area b]font-weight: 500; color: #7e61a6; text-decoration: none; [/newclass]
[newclass=.sidebar .ooc-area]padding: 8px 0; border: 1px dotted #7e61a6; border-left: 0; border-right: 0; font-size: 10px; line-height: 14px; grid-area: ooc; align-self: flex-end[/newclass]
[newclass=.sidebar .ooc-area a]letter-spacing: .6px; font: 500 10px/15px 'Fira Sans',arial; text-decoration: none; color: #7e61a6; text-transform: uppercase;[/newclass]