/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway+Dots&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karma:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400&display=swap');

/* h1 {
    
    text-align: center;
    margin: 10px;
} */
 /* color: #8B4513; Earthy brown with good contrast for white background */

/* Individual font styling for each h1 */
.font-1 { font-family: 'Quicksand', sans-serif; }
.font-2 { font-family: 'Poppins', sans-serif; }
.font-3 { font-family: 'Nunito', sans-serif; }
.font-4 { font-family: 'Varela Round', sans-serif; }
.font-5 { font-family: 'Rubik', sans-serif; }
.font-6 { font-family: 'Comfortaa', sans-serif; }
.font-7 { font-family: 'Baloo 2', cursive; }
.font-8 { font-family: 'Barlow', sans-serif; }
.font-9 { font-family: 'Patrick Hand', cursive; }
.font-10 { font-family: 'Courgette', cursive; }
.font-11 { font-family: 'Amatic SC', cursive; }
.font-12 { font-family: 'Handlee', cursive; }
.font-13 { font-family: 'Indie Flower', cursive; }
.font-14 { font-family: 'Kalam', cursive; }
.font-15 { font-family: 'Manrope', sans-serif; }
.font-16 { font-family: 'Raleway', sans-serif; }
.font-17 { font-family: 'Yanone Kaffeesatz', sans-serif; }
.font-18 { font-family: 'Dosis', sans-serif; }
.font-19 { font-family: 'Signika', sans-serif; }
.font-20 { font-family: 'Chewy', cursive; }
.font-21 { font-family: 'Fredoka', sans-serif; }
.font-22 { font-family: 'Lora', serif; }
.font-23 { font-family: 'Kanit', sans-serif; }
.font-24 { font-family: 'Mukta', sans-serif; }
.font-25 { font-family: 'Raleway Dots', sans-serif; }
.font-26 { font-family: 'Josefin Sans', sans-serif; }
.font-27 { font-family: 'Fira Sans', sans-serif; }
.font-28 { font-family: 'Arimo', sans-serif; }
.font-29 { font-family: 'Cabin', sans-serif; }
.font-30 { font-family: 'Archivo', sans-serif; }
.font-31 { font-family: 'ABeeZee', sans-serif; }
.font-32 { font-family: 'Bitter', serif; }
.font-33 { font-family: 'Vollkorn', serif; }
.font-34 { font-family: 'Hind', sans-serif; }
.font-35 { font-family: 'Spectral', serif; }
.font-36 { font-family: 'Karma', serif; }