/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Lora:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&family=Nunito:wght@400;700&family=Poppins:wght@400;700&family=Oswald:wght@400;700&family=Raleway:wght@400;700&family=Zilla+Slab:wght@400;700&family=IBM+Plex+Mono:wght@400;700&family=Pacifico&family=Caveat&family=Sacramento&family=Indie+Flower&family=Kalam&family=Signika&family=Grandstander&family=Comic+Neue&family=Quicksand&family=Orbitron&family=Lemonada&family=Grenze+Gotisch&family=Merienda&family=Amita&family=Averia+Libre&family=Turret+Road&family=Sansita&family=Comfortaa&family=Charm&family=Lobster+Two&family=Dancing+Script&family=Great+Vibes&family=Alex+Brush&family=Berkshire+Swash&family=MonteCarlo&family=Petit+Formal+Script&family=Prata&family=Yeseva+One&family=Almendra&family=Cinzel&family=Gilda+Display&family=Marcellus&family=Marck+Script&family=Philosopher&family=Playfair+Display+SC&family=UnifrakturMaguntia&family=Meddon&family=Euphoria+Script&family=Mr+De+Haviland&family=Mrs+Saint+Delafield&family=Parisienne&family=Petit+Formal+Script&family=Qwigley&family=Rouge+Script&family=Satisfy&family=Stalemate&family=Tangerine&family=WindSong&family=Allura&family=Calligraffitti&family=Condiment&family=Engagement&family=Freehand&family=Homemade+Apple&family=La+Belle+Aurore&family=Mea+Culpa&family=Moon+Dance&family=Mr+Bedfort&family=Over+the+Rainbow&family=Reenie+Beanie&family=Rock+Salt&family=Shadows+Into+Light&family=Shadows+Into+Light+Two&family=Short+Stack&family=Sofia&family=The+Girl+Next+Door&family=Yellowtail&family=Kaushan+Script&family=Courgette&display=swap');

/* fonts for text in chat */

.bfont1 { font-size: 15px; font-family: 'Kalam', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont2 { font-size: 16px; font-family: 'Signika', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bfont3 { font-size: 15px; font-family: 'Grandstander', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont4 { font-size: 16px; font-family: 'Comic Neue', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bfont5 { font-size: 15px; font-family: 'Quicksand', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bfont6 { font-size: 13px; font-family: 'Orbitron', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bfont7 { font-size: 13px; font-family: 'Lemonada', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bfont8 { font-size: 18px; font-family: 'Grenze Gotisch', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bfont9 { font-size: 14px; font-family: 'Merienda', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.6em; }
.bfont10 { font-size: 16px; font-family: 'Amita', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont11 { font-size: 16px; font-family: 'Averia Libre', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bfont12 { font-size: 16px; font-family: 'Turret Road', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bfont13 { font-size: 16px; font-family: 'Sansita', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bfont14 { font-size: 14px; font-family: 'Comfortaa', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }

.bfont15 { font-size: 16px; font-family: 'Roboto', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont16 { font-size: 15px; font-family: 'Lora', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.6em; }
.bfont17 { font-size: 16px; font-family: 'Montserrat', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont18 { font-size: 17px; font-family: 'Playfair Display', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bfont19 { font-size: 16px; font-family: 'Nunito', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont20 { font-size: 15px; font-family: 'Poppins', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont21 { font-size: 16px; font-family: 'Oswald', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bfont22 { font-size: 15px; font-family: 'Raleway', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont23 { font-size: 16px; font-family: 'Zilla Slab', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.6em; }
.bfont24 { font-size: 14px; font-family: 'IBM Plex Mono', monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bfont25 { font-size: 18px; font-family: 'Pacifico', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.6em; }
.bfont26 { font-size: 19px; font-family: 'Caveat', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont27 { font-size: 20px; font-family: 'Sacramento', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bfont28 { font-size: 17px; font-family: 'Indie Flower', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bfont29 { font-size: 18px; font-family: 'Marck Script', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }

/* fonts for username */

.bnfont1 { font-size: 15px; font-family: 'Kalam', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bnfont2 { font-size: 16px; font-family: 'Signika', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont3 { font-size: 15px; font-family: 'Grandstander', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bnfont4 { font-size: 16px; font-family: 'Comic Neue', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont5 { font-size: 15px; font-family: 'Quicksand', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont6 { font-size: 13px; font-family: 'Orbitron', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont7 { font-size: 13px; font-family: 'Lemonada', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont8 { font-size: 18px; font-family: 'Grenze Gotisch', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont9 { font-size: 14px; font-family: 'Merienda', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.6em; }
.bnfont10 { font-size: 16px; font-family: 'Amita', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.5em; }
.bnfont11 { font-size: 16px; font-family: 'Averia Libre', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bnfont12 { font-size: 16px; font-family: 'Turret Road', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont13 { font-size: 16px; font-family: 'Sansita', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont14 { font-size: 14px; font-family: 'Comfortaa', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont15 { font-size: 18px; font-family: 'Dancing Script', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont16 { font-size: 16px; font-family: 'Great Vibes', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont17 { font-size: 16px; font-family: 'Alex Brush', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont18 { font-size: 15px; font-family: 'Berkshire Swash', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont19 { font-size: 16px; font-family: 'MonteCarlo', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont20 { font-size: 17px; font-family: 'Petit Formal Script', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont21 { font-size: 16px; font-family: 'Prata', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont22 { font-size: 15px; font-family: 'Yeseva One', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont23 { font-size: 16px; font-family: 'Almendra', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont24 { font-size: 15px; font-family: 'Cinzel', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont25 { font-size: 16px; font-family: 'Gilda Display', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont26 { font-size: 14px; font-family: 'Marcellus', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-weight: 700; }
.bnfont27 { font-size: 18px; font-family: 'Philosopher', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont28 { font-size: 19px; font-family: 'Playfair Display SC', serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont29 { font-size: 20px; font-family: 'UnifrakturMaguntia', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont30 { font-size: 17px; font-family: 'Charm', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; }
.bnfont31 { font-size: 18px; font-family: 'Meddon', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont32 { font-size: 16px; font-family: 'Euphoria Script', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bnfont33 { font-size: 17px; font-family: 'Mr De Haviland', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont34 { font-size: 16px; font-family: 'Mrs Saint Delafield', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bnfont35 { font-size: 15px; font-family: 'Parisienne', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont36 { font-size: 16px; font-family: 'Qwigley', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont37 { font-size: 17px; font-family: 'Rouge Script', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont38 { font-size: 15px; font-family: 'Satisfy', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bnfont39 { font-size: 16px; font-family: 'Stalemate', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont40 { font-size: 18px; font-family: 'Tangerine', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont41 { font-size: 16px; font-family: 'WindSong', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont42 { font-size: 17px; font-family: 'Allura', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bnfont43 { font-size: 15px; font-family: 'Calligraffitti', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont44 { font-size: 16px; font-family: 'Condiment', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont45 { font-size: 15px; font-family: 'Engagement', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont46 { font-size: 16px; font-family: 'Freehand', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bnfont47 { font-size: 14px; font-family: 'Homemade Apple', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont48 { font-size: 15px; font-family: 'La Belle Aurore', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.2em; }
.bnfont49 { font-size: 16px; font-family: 'Mea Culpa', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }
.bnfont50 { font-size: 17px; font-family: 'Moon Dance', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.4em; }
.bnfont51 { font-size: 18px; font-family: 'Marck Script', cursive, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; line-height: 1.3em; }

/* username size in chat */

.cname .bnfont1 { font-size: 12px; }
.cname .bnfont2 { font-size: 14px; }
.cname .bnfont3 { font-size: 13px; }
.cname .bnfont4 { font-size: 14px; }
.cname .bnfont5 { font-size: 13px; }
.cname .bnfont6 { font-size: 12px; }
.cname .bnfont7 { font-size: 11px; }
.cname .bnfont8 { font-size: 15px; }
.cname .bnfont9 { font-size: 13px; }
.cname .bnfont10 { font-size: 13px; }
.cname .bnfont11 { font-size: 14px; }
.cname .bnfont12 { font-size: 14px; }
.cname .bnfont13 { font-size: 13px; }
.cname .bnfont14 { font-size: 12px; }
.cname .bnfont15 { font-size: 15px; }
.cname .bnfont16 { font-size: 13px; }
.cname .bnfont17 { font-size: 14px; }
.cname .bnfont18 { font-size: 13px; }
.cname .bnfont19 { font-size: 14px; }
.cname .bnfont20 { font-size: 15px; }
.cname .bnfont21 { font-size: 14px; }
.cname .bnfont22 { font-size: 13px; }
.cname .bnfont23 { font-size: 14px; }
.cname .bnfont24 { font-size: 13px; }
.cname .bnfont25 { font-size: 14px; }
.cname .bnfont26 { font-size: 12px; }
.cname .bnfont27 { font-size: 16px; }
.cname .bnfont28 { font-size: 17px; }
.cname .bnfont29 { font-size: 18px; }
.cname .bnfont30 { font-size: 15px; }
.cname .bnfont31 { font-size: 14px; }
.cname .bnfont32 { font-size: 13px; }
.cname .bnfont33 { font-size: 14px; }
.cname .bnfont34 { font-size: 13px; }
.cname .bnfont35 { font-size: 12px; }
.cname .bnfont36 { font-size: 14px; }
.cname .bnfont37 { font-size: 13px; }
.cname .bnfont38 { font-size: 12px; }
.cname .bnfont39 { font-size: 14px; }
.cname .bnfont40 { font-size: 15px; }
.cname .bnfont41 { font-size: 13px; }
.cname .bnfont42 { font-size: 14px; }
.cname .bnfont43 { font-size: 12px; }
.cname .bnfont44 { font-size: 13px; }
.cname .bnfont45 { font-size: 12px; }
.cname .bnfont46 { font-size: 13px; }
.cname .bnfont47 { font-size: 11px; }
.cname .bnfont48 { font-size: 12px; }
.cname .bnfont49 { font-size: 13px; }
.cname .bnfont50 { font-size: 14px; }
.cname .bnfont51 { font-size: 15px; }