/* Elegant Script Font Styles with g-font naming */
.g-font-sketch {
    font-family: Fredericka the Great, serif;
}
.g-font-leafs {
    font-family: Fleur De Leah,serif;
}
.g-font-1 {
    font-family: 'Love Light',serif;    
}
.g-font-main {
    font-family: 'Lavishly Yours', serif;
}
.g-font-secondary {
    font-family: 'Tangerine', serif;
    font-size:48px;
}
.g-font1 {
    font-family: 'Mrs Saint Delafield', cursive;
}

.g-font2 {
    font-family: 'Great Vibes', cursive;
}

.g-font3 {
    font-family: 'Sacramento', cursive;
}

.g-font4 {
    font-family: 'Dancing Script', cursive;
}

.g-font5 {
    font-family: 'Pacifico', cursive;
}

/* Variations and Styling Examples using the new class names */

.g-font2-fancy {
    font-family: 'Great Vibes', cursive;
   
    color: purple;
}

.g-font3-signature {
    font-family: 'Sacramento', cursive;
    
    font-weight: bold;
}

.g-font4-handwritten {
    font-family: 'Dancing Script', cursive;
    font-style: italic;
}

.g-font5-playful {
    font-family: 'Pacifico', cursive;
    letter-spacing: 1px;
}

.gfont-shadowed { /* You can have general utility classes too */
    text-shadow: 5px 5px 5px #050505;
}

.gfs-1{
    font-size:4rem;
}
.gfs-2 {
    font-size: 3.5rem;
}
.gfs-3 {
    font-size: 3rem;
}
.gfs-nav{
    font-size:2rem;
}
.g-font-underlined {
    text-decoration: underline;
}

.g-font-highlighted-light {
    background-color: rgba(255, 255, 0, 0.3); /* Light yellow highlight */
    padding: 0.1em 0.3em;
}