/* 1. Roboto */
.font-roboto {
    font-family: 'Roboto', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
}

/* 2. Open Sans */
.font-open-sans {
    font-family: 'Open Sans', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
}

/* 3. Lato */
.font-lato {
    font-family: 'Lato', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
}

/* 4. Montserrat */
.font-montserrat {
    font-family: 'Montserrat', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
}

/* 5. Source Sans Pro */
.font-source-sans-pro {
    font-family: 'Source Sans Pro', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
}

/* 6. Raleway */
.font-raleway {
    font-family: 'Raleway', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
}

/* 7. Poppins */
.font-poppins {
    font-family: 'Poppins', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
}

/* 8. Oswald */
.font-oswald {
    font-family: 'Oswald', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
}

/* 9. Merriweather */
.font-merriweather {
    font-family: 'Merriweather', serif;
    @import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
}

/* 10. Ubuntu */
.font-ubuntu {
    font-family: 'Ubuntu', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
}

/* 11. Playfair Display */
.font-playfair-display {
    font-family: 'Playfair Display', serif;
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
}

/* 12. Nunito */
.font-nunito {
    font-family: 'Nunito', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
}

/* 13. Quicksand */
.font-quicksand {
    font-family: 'Quicksand', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
}

/* 14. PT Sans */
.font-pt-sans {
    font-family: 'PT Sans', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
}

/* 15. Fira Sans */
.font-fira-sans {
    font-family: 'Fira Sans', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
}

/* 16. Work Sans */
.font-work-sans {
    font-family: 'Work Sans', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');
}

/* 17. Cabin */
.font-cabin {
    font-family: 'Cabin', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
}

/* 18. Josefin Sans */
.font-josefin-sans {
    font-family: 'Josefin Sans', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
}

/* 19. Lora */
.font-lora {
    font-family: 'Lora', serif;
    @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
}

/* 20. Rokkitt */
.font-rokkitt {
    font-family: 'Rokkitt', serif;
    @import url('https://fonts.googleapis.com/css2?family=Rokkitt&display=swap');
}

/* 21. Anton */
.font-anton {
    font-family: 'Anton', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
}

/* 22. Rubik */
.font-rubik {
    font-family: 'Rubik', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
}

/* 23. Muli */
.font-muli {
    font-family: 'Muli', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Muli&display=swap');
}

/* 24. Bitter */
.font-bitter {
    font-family: 'Bitter', serif;
    @import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap');
}

/* 25. Inconsolata */
.font-inconsolata {
    font-family: 'Inconsolata', monospace;
    @import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap');
}

/* 26. Limelight */
.font-limelight {
    font-family: "Limelight", sans-serif;
    font-weight: 400;
    font-style: normal;
    @import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');
}

/* 27. Gupter */
.font-gupter {
    font-family: "Gupter", serif;
    @import url('https://fonts.googleapis.com/css2?family=Gupter:wght@400;500;700&display=swap');
}