Plugin Request

[SethBacon]

I think this will do what you want, if you find a font you like:


/* Import a custom font from Google Fonts Put this import line at the top of your CSS */
@import url('https://fonts.googleapis.com/css2?family=Crafty+Girls&display=swap');

.sectionTitle.padded-left:nth-of-type(1)::before {

    content: "YOUR TEXT HERE";

    display: block;
    text-align: center;
    max-width: 50vh;  // 50% how wide you want the text before new line
    width: fit-content;
    margin: 0.3em auto;

    font-family: 'Crafty Girls', cursive;   
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.2;
   
    color: yellow;
}



And heres a simple block to make it fade in over 3 seconds, paste after the other code, if you want: 

.sectionTitle.padded-left:nth-of-type(1)::before {
    opacity: 0;
    animation: fadeIn 3s ease-out forwards 3.5s;  /* Fades in and moves up slightly */
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}