name text #2

This coding was made with a 435px box in mind; however, it should fit a larger box with no modifications necessary.

This code is made up of two div styles.

The first (FIRST MIDDLE) contains the font Playfair Display, and the text-transform is set to uppercase, meaning it will automatically turn your text into uppercase letters (you can change uppercase to none if you wish to control this element yourself). The color of the font is #25233A. If you adjust the size of the font, you may need to adjust the line-height and/or the bottom-padding (in the second code) as well.

The second (last name) contains the font Galada, and the text-transform is set to lowercase, meaning it will automatically turn your text in lowercase letters (you can change lowercase to none if you wish to control this element yourself). If you adjust the size of the font, you may need to adjust the line-height and/or the bottom-padding. Furthermore, I have included a padding-right to the code to give an overall padded look of about 10px. Feel free to change this if it does not fit your aesthetic or style.

///ABOUT ME///
<link href="https://fonts.googleapis.com/css2?family=Galada&family=Playfair+Display:wght@900&display=swap" rel="stylesheet">

///LIKE TO MEET///
<div style="font-family: 'Playfair Display', serif; text-align:center; color: #25233A; font-weight: 900; font-size: 47px; line-height: 47px; text-transform: uppercase;">FIRST MIDDLE</div>

<div style="font-family: 'Galada', cursive; text-align: right; font-size: 40px; text-transform: lowercase; color: #45403C; line-height: 10px; padding-bottom: 13px; padding-right: 10px;">last name</div>