ドロップキャップ

[~ There] 　

先頭のワードや文字を修飾する。

色などのエフェクトを併用する場合は、修飾記号を~の前につける。

ex.)

愛が足りない

とは何か

してる

code:style.css

:not(.cursor-line) > .text class$="deco-\~" :first-child {

font-size: 390%; /* 設定してあるフォントサイズ、行間の値に合わせて調整が必要 */

margin-right: 6px;

margin-top: 4px;

font-weight: 600;

line-height: 100%;

/*text-shadow: 3px 3px 0 #4D9; お好みで　おしゃれにする？　*/

float: inline-start;

}