/* ----------------------------------------------------------------------------------- *
  * programmer:  Rusty, Cybertechwizards
  * Date Created: 09-May-2024
  * Contact:          Cybertechwizards2@gmail.com
  * Description:    Global CSS Template 
  * ------------------------------------------------------------------------------------ */

/* --------------------------- CSS Font Styles ---------------------------------------- */

    /* ---------- Google Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Alkatra:wght@400..700&family=Aldrich&family=Aladin&family=Alumni+Sans+Pinstripe:ital@0;1&family=Amarante&family=Anta&family=Astloch:wght@400;700&family=Atomic+Age&family=Aubrey&family=Audiowide&family=Bahiana&family=Bahianita&0;&family=Baumans&family=Bebas+Neue&family=Caesar+Dressing&family=Nova+Oval&family=Akronim&family=Croissant+One&family=Tulpen+One&family=Righteous&family=Zen+Dots&family=Aclonica&family=Aguafina+Script&family=Are+You+Serious&family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Black+And+White+Picture&family=Black+Ops+One&family=Blaka+Hollow&family=Bonbon&family=Borel&family=Bruno+Ace+SC&family=Bungee&family=Bungee+Shade&family=Calligraffitti&family=Creepster&family=Danfo&family=Eagle+Lake&family=Elsie+Swash+Caps:wght@400;900&family=Elsie:wght@400;900&family=Ewert&family=Faster+One&family=Almendra:ital,wght@0,400;0,700;1,400;1,700&family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=Antonio:wght@100..700&family=Grenze:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tektur:wdth,wght@75..100,400..900&display=swap');


 /* ----------------------------------- FONT COLORS ----------------------------------- */
    
    /* ---------------------- My Font Colors --------------------- */

      .my-maroon, my-maroon {color: #600;}
      .my-bg-maroon, my-bg-maroon {background-color: #600;}

      .my-salmon, my-salmon {color: #B22222;}
      .my-bg-salmon, my-bg-salmon {background-color: #B22222;}

      .my-olive, my-olive {color: #556B2F;}
      .my-bg-olive, my-bg-olive {background-color: #556B2F;}

     /* ----------------------------- W3C Colors -------------------------- */

      .AliceBlue, AliceBlue {color: AliceBlue;}
      .bg-AliceBlue, bg-AliceBlue {background-color: AliceBlue;}

      .AntiqueWhite, AntiqueWhite {color: AntiqueWhite;}
      .bg-AntiqueWhite, bg-AntiqueWhite {background-color: AntiqueWhite;}

      .Aqua, Aqua {color: Aqua;}
      .bg-Aqua, bg-Aqua {background-color: Aqua;}

      .Aquamarine, Aquamarine {color: Aquamarine;}
      .bg-Aquamarine, bg-Aquamarine {background-color: Aquamarine;}

      .Azure, Azure {color: Azure;}
      .bg-Azure, bg-Azure {background-color: Azure;}

      .Beige, Beige {color: Beige;}
      .bg-Beige, bg-Beige {background-color: Beige;}

      .Bisque, Bisque {color: Bisque;}
      .bg-Bisque, bg-Bisque {background-color: Bisque;}

      .Black, Black {color: Black;}
      .bg-Black, bg-Black {background-color: Black;}

      .BlanchedAlmond, BlanchedAlmond {color: BlanchedAlmond;}
      .bg-BlanchedAlmond, bg-BlanchedAlmond {background-color: BlanchedAlmond;}

      .Blue, Blue {color: Blue;}
      .bg-Blue, bg-Blue {background-color: Blue;}

      .BlueViolet, BlueViolet {color: BlueViolet;}
      .bg-BlueViolet, bg-BlueViolet {background-color: BlueViolet;}

      .Brown, Brown {color: Brown;}
      .bg-Brown, bg-Brown {background-color: Brown;}

      .BurlyWood, BurlyWood {color: BurlyWood;}
      .bg-BurlyWood, bg-BurlyWood {background-color: BurlyWood;}

      .CadetBlue, CadetBlue {color: CadetBlue;}
      .bg-CadetBlue, bg-CadetBlue {background-color: CadetBlue;}

      .Chartreuse, Chartreuse {color: Chartreuse;}
      .bg-Chartreuse, bg-Chartreuse {background-color: Chartreuse;}

      .Chocolate, Chocolate {color: Chocolate;}
      .bg-Chocolate, bg-Chocolate {background-color: Chocolate;}

      .Coral, Coral {color: Coral;}
      .bg-Coral, bg-Coral {background-color: Coral;}

      .CornflowerBlue, CornflowerBlue {color: CornflowerBlue;}
      .bg-CornflowerBlue, bg-CornflowerBlue {background-color: CornflowerBlue;}

      .Cornsilk, Cornsilk {color: Cornsilk;}
      .bg-Cornsilk, bg-Cornsilk {background-color: Cornsilk;}

      .Crimson, Crimson {color: Crimson;}
      .bg-Crimson, bg-Crimson {background-color: Crimson;}

      .Cyan, Cyan {color: Cyan;}
      .bg-Cyan, bg-Cyan {background-color: Cyan;}

      .DarkBlue, DarkBlue {color: DarkBlue;}
      .bg-DarkBlue, bg-DarkBlue {background-color: DarkBlue;}

      .DarkCyan, DarkCyan {color: DarkCyan;}
      .bg-DarkCyan, bg-DarkCyan {background-color: DarkCyan;}

      .DarkGoldenRod, DarkGoldenRod {color: DarkGoldenRod;}
      .bg-DarkGoldenRod, bg-DarkGoldenRod {background-color: DarkGoldenRod;}

      .DarkGray, DarkGray {color: DarkGray;}
      .bg-DarkGray, bg-DarkGray {background-color: DarkGray;}

      .DarkGrey, DarkGrey {color: DarkGrey;}
      .bg-DarkGrey, bg-DarkGrey {background-color: DarkGrey;}

      .DarkGreen, DarkGreen {color: DarkGreen;}
      .bg-DarkGreen, bg-DarkGreen {background-color: DarkGreen;}

      .DarkKhaki, DarkKhaki {color: DarkKhaki;}
      .bg-DarkKhaki, bg-DarkKhaki {background-color: DarkKhaki;}

      .DarkMagenta, DarkMagenta {color: DarkMagenta;}
      .bg-DarkMagenta, bg-DarkMagenta {background-color: DarkMagenta;}

      .DarkOliveGreen, DarkOliveGreen {color: DarkOliveGreen;}
      .bg-DarkOliveGreen, bg-DarkOliveGreen {background-color: DarkOliveGreen;}

      .DarkOrange, DarkOrange {color: DarkOrange;}
      .bg-DarkOrange, bg-DarkOrange {background-color: DarkOrange;}

      .DarkOrchid, DarkOrchid {color: DarkOrchid;}
      .bg-DarkOrchid, bg-DarkOrchid {background-color: DarkOrchid;}

      .DarkRed, DarkRed {color: DarkRed;}
      .bg-DarkRed, bg-DarkRed {background-color: DarkRed;}

      .DarkSalmon, DarkSalmon {color: DarkSalmon;}
      .bg-DarkSalmon, bg-DarkSalmon {background-color: DarkSalmon;}

      .DarkSeaGreen, DarkSeaGreen {color: DarkSeaGreen;}
      .bg-DarkSeaGreen, bg-DarkSeaGreen {background-color: DarkSeaGreen;}

      .DarkSlateBlue, DarkSlateBlue {color: DarkSlateBlue;}
      .bg-DarkSlateBlue, bg-DarkSlateBlue {background-color: DarkSlateBlue;}

      .DarkSlateGray, DarkSlateGray {color: DarkSlateGray;}
      .bg-DarkSlateGray, bg-DarkSlateGray {background-color: DarkSlateGray;}

      .DarkSlateGrey, DarkSlateGrey {color: DarkSlateGrey;}
      .bg-DarkSlateGrey, bg-DarkSlateGrey {background-color: DarkSlateGrey;}

      .DarkTurquoise, DarkTurquoise {color: DarkTurquoise;}
      .bg-DarkTurquoise, bg-DarkTurquoise {background-color: DarkTurquoise;}

      .DarkViolet, DarkViolet {color: DarkViolet;}
      .bg-DarkViolet, bg-DarkViolet {background-color: DarkViolet;}

      .DeepPink, DeepPink {color: DeepPink;}
      .bg-DeepPink, bg-DeepPink {background-color: DeepPink;}

      .DeepSkyBlue, DeepSkyBlue {color: DeepSkyBlue;}
      .bg-DeepSkyBlue, bg-DeepSkyBlue {background-color: DeepSkyBlue;}

      .DimGray, DimGray {color: DimGray;}
      .bg-DimGray, bg-DimGray {background-color: DimGray;}

      .DimGrey, DimGrey {color: DimGrey;}
      .bg-DimGrey, bg-DimGrey {background-color: DimGrey;}

      .DodgerBlue, DodgerBlue {color: DodgerBlue;}
      .bg-DodgerBlue, bg-DodgerBlue {background-color: DodgerBlue;}

      .FireBrick, FireBrick {color: FireBrick;}
      .bg-FireBrick, bg-FireBrick {background-color: FireBrick;}

      .FloralWhite, FloralWhite {color: FloralWhite;}
      .bg-FloralWhite, bg-FloralWhite {background-color: FloralWhite;}

      .ForestGreen, ForestGreen {color: ForestGreen;}
      .bg-ForestGreen, bg-ForestGreen {background-color: ForestGreen;}

      .Fuchsia, Fuchsia {color: Fuchsia;}
      .bg-Fuchsia, bg-Fuchsia {background-color: Fuchsia;}

      .Gainsboro, Gainsboro {color: Gainsboro;}
      .bg-Gainsboro, bg-Gainsboro {background-color: Gainsboro;}

      .GhostWhite, GhostWhite {color: GhostWhite;}
      .bg-GhostWhite, bg-GhostWhite {background-color: GhostWhite;}

      .Gold, Gold {color: Gold;}
      .bg-Gold, bg-Gold {background-color: Gold;}

      .GoldenRod, GoldenRod {color: GoldenRod;}
      .bg-GoldenRod, bg-GoldenRod {background-color: GoldenRod;}

      .Gray, Gray {color: Gray;}
      .bg-Gray, bg-Gray {background-color: Gray;}

      .Grey, Grey {color: Grey;}
      .bg-Grey, bg-Grey {background-color: Grey;}

      .Green, Green {color: Green;}
      .bg-Green, bg-Green {background-color: Green;}

      .GreenYellow, GreenYellow {color: GreenYellow;}
      .bg-GreenYellow, bg-GreenYellow {background-color: GreenYellow;}

      .HoneyDew, HoneyDew {color: HoneyDew;}
      .bg-HoneyDew, bg-HoneyDew {background-color: HoneyDew;}

      .HotPink, HotPink {color: HotPink;}
      .bg-HotPink, bg-HotPink {background-color: HotPink;}

      .IndianRed, IndianRed {color: IndianRed;}
      .bg-IndianRed, bg-IndianRed {background-color: IndianRed;}

      .Indigo, Indigo {color: Indigo;}
      .bg-Indigo, bg-Indigo {background-color: Indigo;}

      .Ivory, Ivory {color: Ivory;}
      .bg-Ivory, bg-Ivory {background-color: Ivory;}

      .Khaki, Khaki {color: Khaki;}
      .bg-Khaki, bg-Khaki {background-color: Khaki;}

      .Lavender, Lavender {color: Lavender;}
      .bg-Lavender, bg-Lavender {background-color: Lavender;}

      .LavenderBlush, LavenderBlush {color: LavenderBlush;}
      .bg-LavenderBlush, bg-LavenderBlush {background-color: LavenderBlush;}

      .LawnGreen, LawnGreen {color: LawnGreen;}
      .bg-LawnGreen, bg-LawnGreen {background-color: LawnGreen;}

      .LemonChiffon, LemonChiffon {color: LemonChiffon;}
      .bg-LemonChiffon, bg-LemonChiffon {background-color: LemonChiffon;}

      .LightBlue, LightBlue {color: LightBlue;}
      .bg-LightBlue, bg-LightBlue {background-color: LightBlue;}

      .LightCoral, LightCoral {color: LightCoral;}
      .bg-LightCoral, bg-LightCoral {background-color: LightCoral;}

      .LightCyan, LightCyan {color: LightCyan;}
      .bg-LightCyan, bg-LightCyan {background-color: LightCyan;}

      .LightGoldenRodYellow, LightGoldenRodYellow {color: LightGoldenRodYellow;}
      .bg-LightGoldenRodYellow, bg-LightGoldenRodYellow {background-color: LightGoldenRodYellow;}

      .LightGray, LightGray {color: LightGray;}
      .bg-LightGray, bg-LightGray {background-color: LightGray;}

      .LightGrey, LightGrey {color: LightGrey;}
      .bg-LightGrey, bg-LightGrey {background-color: LightGrey;}

      .LightGreen, LightGreen {color: LightGreen;}
      .bg-LightGreen, bg-LightGreen {background-color: LightGreen;}

      .LightPink, LightPink {color: LightPink;}
      .bg-LightPink, bg-LightPink {background-color: LightPink;}

      .LightSalmon, LightSalmon {color: LightSalmon;}
      .bg-LightSalmon, bg-LightSalmon {background-color: LightSalmon;}

      .LightSeaGreen, LightSeaGreen {color: LightSeaGreen;}
      .bg-LightSeaGreen, bg-LightSeaGreen {background-color: LightSeaGreen;}

      .LightSkyBlue, LightSkyBlue {color: LightSkyBlue;}
      .bg-LightSkyBlue, bg-LightSkyBlue {background-color: LightSkyBlue;}

      .LightSlateGray, LightSlateGray {color: LightSlateGray;}
      .bg-LightSlateGray, bg-LightSlateGray {background-color: LightSlateGray;}

      .LightSlateGrey, LightSlateGrey {color: LightSlateGrey;}
      .bg-LightSlateGrey, bg-LightSlateGrey {background-color: LightSlateGrey;}

      .LightSteelBlue, LightSteelBlue {color: LightSteelBlue;}
      .bg-LightSteelBlue, bg-LightSteelBlue {background-color: LightSteelBlue;}

      .LightYellow, LightYellow {color: LightYellow;}
      .bg-LightYellow, bg-LightYellow {background-color: LightYellow;}

      .Lime, Lime {color: Lime;}
      .bg-Lime, bg-Lime {background-color: Lime;}

      .LimeGreen, LimeGreen {color: LimeGreen;}
      .bg-LimeGreen, bg-LimeGreen {background-color: LimeGreen;}

      .Linen, Linen {color: Linen;}
      .bg-Linen, bg-Linen {background-color: Linen;}

      .Magenta, Magenta {color: Magenta;}
      .bg-Magenta, bg-Magenta {background-color: Magenta;}

      .Maroon, Maroon {color: Maroon;}
      .bg-Maroon, bg-Maroon {background-color: Maroon;}

      .MediumAquaMarine, MediumAquaMarine {color: MediumAquaMarine;}
      .bg-MediumAquaMarine, bg-MediumAquaMarine {background-color: MediumAquaMarine;}

      .MediumBlue, MediumBlue {color: MediumBlue;}
      .bg-MediumBlue, bg-MediumBlue {background-color: MediumBlue;}

      .MediumOrchid, MediumOrchid {color: MediumOrchid;}
      .bg-MediumOrchid, bg-MediumOrchid {background-color: MediumOrchid;}

      .MediumPurple, MediumPurple {color: MediumPurple;}
      .bg-MediumPurple, bg-MediumPurple {background-color: MediumPurple;}

      .MediumSeaGreen, MediumSeaGreen {color: MediumSeaGreen;}
      .bg-MediumSeaGreen, bg-MediumSeaGreen {background-color: MediumSeaGreen;}

      .MediumSlateBlue, MediumSlateBlue {color: MediumSlateBlue;}
      .bg-MediumSlateBlue, bg-MediumSlateBlue {background-color: MediumSlateBlue;}

      .MediumSpringGreen, MediumSpringGreen {color: MediumSpringGreen;}
      .bg-MediumSpringGreen, bg-MediumSpringGreen {background-color: MediumSpringGreen;}

      .MediumTurquoise, MediumTurquoise {color: MediumTurquoise;}
      .bg-MediumTurquoise, bg-MediumTurquoise {background-color: MediumTurquoise;}

      .MediumVioletRed, MediumVioletRed {color: MediumVioletRed;}
      .bg-MediumVioletRed, bg-MediumVioletRed {background-color: MediumVioletRed;}

      .MidnightBlue, MidnightBlue {color: MidnightBlue;}
      .bg-MidnightBlue, bg-MidnightBlue {background-color: MidnightBlue;}

      .MintCream, MintCream {color: MintCream;}
      .bg-MintCream, bg-MintCream {background-color: MintCream;}

      .MistyRose, MistyRose {color: MistyRose;}
      .bg-MistyRose, bg-MistyRose {background-color: MistyRose;}

      .Moccasin, Moccasin {color: Moccasin;}
      .bg-Moccasin, bg-Moccasin {background-color: Moccasin;}

      .NavajoWhite, NavajoWhite {color: NavajoWhite;}
      .bg-NavajoWhite, bg-NavajoWhite {background-color: NavajoWhite;}

      .Navy, Navy {color: Navy;}
      .bg-Navy, bg-Navy {background-color: Navy;}

      .OldLace, OldLace {color: OldLace;}
      .bg-OldLace, bg-OldLace {background-color: OldLace;}

      .Olive, Olive {color: Olive;}
      .bg-Olive, bg-Olive {background-color: Olive;}

      .OliveDrab, OliveDrab {color: OliveDrab;}
      .bg-OliveDrab, bg-OliveDrab {background-color: OliveDrab;}

      .Orange, Orange {color: Orange;}
      .bg-Orange, bg-Orange {background-color: Orange;}

      .OrangeRed, OrangeRed {color: OrangeRed;}
      .bg-OrangeRed, bg-OrangeRed {background-color: OrangeRed;}

      .Orchid, Orchid {color: Orchid;}
      .bg-Orchid, bg-Orchid {background-color: Orchid;}

      .PaleGoldenRod, PaleGoldenRod {color: PaleGoldenRod;}
      .bg-PaleGoldenRod, bg-PaleGoldenRod {background-color: PaleGoldenRod;}

      .PaleGreen, PaleGreen {color: PaleGreen;}
      .bg-PaleGreen, bg-PaleGreen {background-color: PaleGreen;}

      .PaleTurquoise, PaleTurquoise {color: PaleTurquoise;}
      .bg-PaleTurquoise, bg-PaleTurquoise {background-color: PaleTurquoise;}

      .PaleVioletRed, PaleVioletRed {color: PaleVioletRed;}
      .bg-PaleVioletRed, bg-PaleVioletRed {background-color: PaleVioletRed;}

      .PapayaWhip, PapayaWhip {color: PapayaWhip;}
      .bg-PapayaWhip, bg-PapayaWhip {background-color: PapayaWhip;}

      .PeachPuff, PeachPuff {color: PeachPuff;}
      .bg-PeachPuff, bg-PeachPuff {background-color: PeachPuff;}

      .Peru, Peru {color: Peru;}
      .bg-Peru, bg-Peru {background-color: Peru;}

      .Pink, Pink {color: Pink;}
      .bg-Pink, bg-Pink {background-color: Pink;}

      .Plum, Plum {color: Plum;}
      .bg-Plum, bg-Plum {background-color: Plum;}

      .PowderBlue, PowderBlue {color: PowderBlue;}
      .bg-PowderBlue, bg-PowderBlue {background-color: PowderBlue;}

      .Purple, Purple {color: Purple;}
      .bg-Purple, bg-Purple {background-color: Purple;}

      .Red, Red {color: Red;}
      .bg-Red, bg-Red {background-color: Red;}

      .RosyBrown, RosyBrown {color: RosyBrown;}
      .bg-RosyBrown, bg-RosyBrown {background-color: RosyBrown;}

      .RoyalBlue, RoyalBlue {color: RoyalBlue;}
      .bg-RoyalBlue, bg-RoyalBlue {background-color: RoyalBlue;}

      .SaddleBrown, SaddleBrown {color: SaddleBrown;}
      .bg-SaddleBrown, bg-SaddleBrown {background-color: SaddleBrown;}

      .Salmon, Salmon {color: Salmon;}
      .bg-Salmon, bg-Salmon {background-color: Salmon;}

      .SandyBrown, SandyBrown {color: SandyBrown;}
      .bg-SandyBrown, bg-SandyBrown {background-color: SandyBrown;}

      .SeaGreen, SeaGreen {color: SeaGreen;}
      .bg-SeaGreen, bg-SeaGreen {background-color: SeaGreen;}

      .SeaShell, SeaShell {color: SeaShell;}
      .bg-SeaShell, bg-SeaShell {background-color: SeaShell;}

      .Sienna, Sienna {color: Sienna;}
      .bg-Sienna, bg-Sienna {background-color: Sienna;}

      .Silver, Silver {color: Silver;}
      .bg-Silver, bg-Silver {background-color: Silver;}

      .SkyBlue, SkyBlue {color: SkyBlue;}
      .bg-SkyBlue, bg-SkyBlue {background-color: SkyBlue;}

      .SlateBlue, SlateBlue {color: SlateBlue;}
      .bg-SlateBlue, bg-SlateBlue {background-color: SlateBlue;}

      .SlateGray, SlateGray {color: SlateGray;}
      .bg-SlateGray, bg-SlateGray {background-color: SlateGray;}

      .SlateGrey, SlateGrey {color: SlateGrey;}
      .bg-SlateGrey, bg-SlateGrey {background-color: SlateGrey;}

      .Snow, Snow {color: Snow;}
      .bg-Snow, bg-Snow {background-color: Snow;}

      .SpringGreen, SpringGreen {color: SpringGreen;}
      .bg-SpringGreen, bg-SpringGreen {background-color: SpringGreen;}

      .SteelBlue, SteelBlue {color: SteelBlue;}
      .bg-SteelBlue, bg-SteelBlue {background-color: SteelBlue;}

      .Tan, Tan {color: Tan;}
      .bg-Tan, bg-Tan {background-color: Tan;}

      .Teal, Teal {color: Teal;}
      .bg-Teal, bg-Teal {background-color: Teal;}

      .Thistle, Thistle {color: Thistle;}
      .bg-Thistle, bg-Thistle {background-color: Thistle;}

      .Tomato, Tomato {color: Tomato;}
      .bg-Tomato, bg-Tomato {background-color: Tomato;}

      .Turquoise, Turquoise {color: Turquoise;}
      .bg-Turquoise, bg-Turquoise {background-color: Turquoise;}

      .Violet, Violet {color: Violet;}
      .bg-Violet, bg-Violet {background-color: Violet;}

      .Wheat, Wheat {color: Wheat;}
      .bg-Wheat, bg-Wheat {background-color: Wheat;}

      .White, White {color: White;}
      .bg-White, bg-White {background-color: White;}

      .WhiteSmoke, WhiteSmoke {color: WhiteSmoke;}
      .bg-WhiteSmoke, bg-WhiteSmoke {background-color: WhiteSmoke;}

      .Yellow, Yellow {color: Yellow;}
      .bg-Yellow, bg-Yellow {background-color: Yellow;}

      .YellowGreen;, YellowGreen; {color: YellowGreen;;}
      .bg-YellowGreen;, bg-YellowGreen; {background-color: YellowGreen;;}

   
 /* ---------------------------------- FONT FAMILY -------------------------------------- */
    
    /* ---------------------- Default Fonnts--------------------- */

      .arial, arial {font-family: Arial, Helvetica, sans-serif;}
      .brush, brush {font-family: "Brush Script MT", 
                                cursive;}
      .courier, courier {font-family: "Courier New", Courier, 
                                     monospace}
      .garamond, garamond {font-family: Garamond, serif;}
      .georgia, georgia {font-family: Georgia, serif;}
      .tahoma, tahoma {font-family: Tahoma, Geneva, 
                                      sans-serif;}
      .times, times {font-family: "Times New Roman", 
                                Times, serif;}
      .trebuchet, trebuchet {font-family: "Trebuchet MS", 
                                              Helvetica, sans-serif;}
      .verdana, verdana {font-family: Verdana, Geneva, 
                                        sans-serif;}
      .comic, comic {font-family: "Comic Sans MS", 
                                  cursive, sans-serif;}
      .impact, impact {font-family: Impact, Charcoal, 
                                    sans-serif;}
      .lucida, lucida {font-family: "Lucida Console", 
                                 Monaco, monospace;}

    /* ------------------------- Google Fonts ----------------------------- */

      .aclonica, aclonica {font-family: "Aclonica", sans-serif;}
      .akronim, akronim {font-family: "Akronim", sans-serif;}
      .aladin, aladin {font-family: "Aladin", sans-serif;}
      .aldrich, aldrich {font-family: "Aldrich", sans-serif;}
      .alkatra, alkatra {font-family: "Alkatra", sans-serif;}
      .almendra, almendra {font-family: "Almendra", sans-serif;}
      .alumnisans, alumnisans {font-family: "Alumni Sans", sans-serif;}
      .alumnisanspinstripe, alumnisanspinstripe {font-family: "Alumni Sans Pinstripe", sans-serif;}
      .amarante, amarante {font-family: "Amarante", sans-serif;}
      .anta, anta {font-family: "Anta", sans-serif;}
      .antonio, antonio {font-family: "Antonio", sans-serif;}
      .areyouserious, areyouserious {font-family: "Are You Serious", sans-serif;}
      .astloch, astloch {font-family: "Astloch", sans-serif;}
      .atomicage, atomicage {font-family: "Atomic Age", sans-serif;}
      .aubrey, aubrey {font-family: "Aubrey", sans-serif;}
      .audiowide, audiowide {font-family: "Audiowide", sans-serif;}
      .bahiana, bahiana {font-family: "Bahiana", sans-serif;}
      .bahianita, bahianita {font-family: "Bahianita", sans-serif;}
      .baumans, baumans {font-family: "Baumans", sans-serif;}
      .bellota, bellota {font-family: "Bellota", sans-serif;}
      .blackandwhite, blackandwhite {font-family: "Black And White Picture", system-ui; font-weight: 400; font-style: normal;}
      .blackopsone, blackopsone {font-family: "Black Ops One", sans-serif;}
      .blakahollow, blakahollow {font-family: "Blaka Hollow", sans-serif;}
      .bonbon, bonbon {font-family: "Bonbon", sans-serif;}
      .borel, borel {font-family: "Borel", sans-serif;}
      .brunoacesc, brunoacesc {font-family: "Bruno Ace SC", sans-serif;}
      .bungee, bungee {font-family: "Bungee", sans-serif;}
      .bungeeshade, bungeeshade {font-family: "Bungee Shade", sans-serif;}
      .caesardressing, caesardressing {font-family: "Caesar Dressing", sans-serif;}
      .calligraffitti, calligraffitti {font-family: "Calligraffitti", sans-serif;}
      .creepster, creepster {font-family: "Creepster", sans-serif;}
      .croissanone, croissanone {font-family: "Croissant One", serif; font-weight: 400; font-style: normal;}
      .danfo, danfo {font-family: "Danfo", sans-serif;}
      .eaglelake, eaglelake {font-family: "Eagle Lake", sans-serif;}
      .elsie, elsie {font-family: "Elsie", sans-serif;}
      .elsieswashcaps, elsieswashcaps {font-family: "Elsie Swash Caps", serif; font-weight: 400; font-style: normal;} .elsieswashcaps_b, elsieswashcaps_b { font-family: "Elsie Swash Caps", serif; font-weight: 900; font-style: normal; }
      .ewert, ewert {font-family: "Ewert", sans-serif;}
      .fasterone, fasterone {font-family: "Faster One", sans-serif;}
      .grenze, grenze {font-family: "Grenze", sans-serif;}
      .novaoval, novaoval {font-family: "Nova Oval", sans-serif;}
      .righteous, righteous {font-family: "Righteous", sans-serif;}
      .tektur, tektur {font-family: "Tektur", sans-serif;}
      .tulpenone, tulpenone {font-family: "Tulpen One", sans-serif;}
      .zendots, zendots {font-family: "Zen Dots", sans-serif;}

       /* -------------------------------- ff#'s ---------------------------------- */

      .ff1, ff1 {font-family: Arial, Helvetica, sans-serif;}
      .ff2, ff2 {font-family: "Brush Script MT", cursive;}
      .ff3, ff3 {font-family: "Courier New", Courier, 
         monospace}
      .ff4, ff4 {font-family: Garamond, serif;}
      .ff5, ff5 {font-family: Georgia, serif;}
      .ff6, ff6 {font-family: Tahoma, Geneva, sans-serif;}
      .ff7, ff7 {font-family: "Times New Roman", Times, 
         serif;}
      .ff8, ff8 {font-family: "Trebuchet MS", Helvetica, 
         sans-serif;}
      .ff9, ff9 {font-family: Verdana, Geneva, sans-serif;}
      .ff10, ff10 {font-family: "Akronim", system-ui;}
      .ff11, ff11 {font-family: "Aladin", sans-serif;}
      .ff12, ff12 {font-family: "Alumni Sans Pinstripe", 
         sans-serif;}
      .ff13, ff13 {font-family: "Amarante", sans-serif;}
      .ff14, ff14 {font-family: "Anta", sans-serif;}
      .ff15, ff15 {font-family: "Astloch", sans-serif;}
      .ff16, ff16 {font-family: "Atomic Age", system-ui;}
      .ff17, ff17 {font-family: "Aubrey", sans-serif;}
      .ff18, ff18 {font-family: "Audiowide", sans-serif;}
      .ff19, ff19 {font-family: "Bahiana", sans-serif;}
      .ff20, ff20 {font-family: "Bahianita", sans-serif;}
      .ff21, ff21 {font-family: "Baumans", sans-serif;}
      .ff22, ff22 {font-family: "Caesar Dressing", 
         sans-serif;}
      .ff23, ff23 {font-family: "Comic Sans MS", cursive, 
         sans-serif;}
      .ff24, ff24 {font-family: "Croissant One", serif;}
      .ff25, ff25 {font-family: Impact, Charcoal, sans-serif;}
      .ff26, ff26 {font-family: "Lucida Console", Monaco, 
         monospace;}
      .ff27, ff27 {font-family: "Nova Oval", system-ui;}
      .ff28, ff28 {font-family: "Righteous", sans-serif;}
      .ff29, ff29 {font-family: "Tulpen One", sans-serif;}
      .ff30, ff30 {font-family: "Zen Dots", sans-serif;}
      .ff31, ff31 {font-family: "Bebas Neue", sans-serif;}
 /* ---------------------------------------------------------------------------------------------- */
     



 /* --------------------------------------- SIZES --------------------------------------------- */
    
    /* ----------------------- Font Sizes in PX ----------------------- */

      .fs6, fs6 {font-size:6px;}
      .fs7, fs7 {font-size:7px;}
      .fs8, fs8 {font-size:8px;}
      .fs9, fs9 {font-size:9px;}
      .fs10, fs10 {font-size:10px;}
      .fs11, fs11 {font-size:11px;}
      .fs12, fs12 {font-size:12px;}
      .fs13, fs13 {font-size:13px;}
      .fs14, fs14 {font-size:14px;}
      .fs15, fs15 {font-size:15px;}
      .fs16, fs16 {font-size:16px;}
      .fs17, fs17 {font-size:17px;}
      .fs18, fs18 {font-size:18px;}
      .fs19, fs19 {font-size:19px;}
      .fs20, fs20 {font-size:20px;}
      .fs21, fs21 {font-size:21px;}
      .fs22, fs22 {font-size:22px;}
      .fs23, fs23 {font-size:23px;}
      .fs24, fs24 {font-size:24px;}
      .fs25, fs25 {font-size:25px;}
      .fs26, fs26 {font-size:26px;}
      .fs27, fs27 {font-size:27px;}
      .fs28, fs28 {font-size:28px;}
      .fs29, fs29 {font-size:29px;}
      .fs30, fs30 {font-size:30px;}
      .fs31, fs31 {font-size:31px;}
      .fs32, fs32 {font-size:32px;}
      .fs33, fs33 {font-size:33px;}
      .fs34, fs34 {font-size:34px;}
      .fs35, fs35 {font-size:35px;}
      .fs36, fs36 {font-size:36px;}
      .fs37, fs37 {font-size:37px;}
      .fs38, fs38 {font-size:38px;}
      .fs39, fs39 {font-size:39px;}
      .fs40, fs40 {font-size:40px;}
      .fs41, fs41 {font-size:41px;}
      .fs42, fs42 {font-size:42px;}
      .fs43, fs43 {font-size:43px;}
      .fs44, fs44 {font-size:44px;}
      .fs45, fs45 {font-size:45px;}
      .fs46, fs46 {font-size:46px;}
      .fs47, fs47 {font-size:47px;}
      .fs48, fs48 {font-size:48px;}
      .fs49, fs49 {font-size:49px;}
      .fs50, fs50 {font-size:50px;}

 /* ---------------------------------------------------------------------------------------------- */
    
    /* ------------------------- Font Weight --------------------------- */

      .fwbold, fwbold {font-weight: bold;}
      .fw100, fw100 {font-weight: 100;}
      .fw200, fw200 {font-weight: 200;}
      .fw300, fw300 {font-weight: 300;}
      .fw400, fw400 {font-weight: 400;}
      .fw500, fw500 {font-weight: 500;}
      .fw600, fw600 {font-weight: 600;}
      .fw700, fw700 {font-weight: 700;}
      .fw800, fw800 {font-weight: 800;}
      .fw900, fw900 {font-weight: 900;}

 /* ---------------------------------------------------------------------------------------------- */
    
    /* --------------------------- Font Align ---------------------------- */

      .tal, tal {text-align:left;}
      .tac, tac {text-align:center;}
      .tar, tar {text-align:right;}
      .taj, taj {text-align:justify;}

 /* ------------------------------ NOT READY YET! ------------------------------------- */

/*   ---------- Font Effects -----------------------------------------------------------

      .anaglyph, anaglyph {

      }

<!-- 
<h1 class="font-effect-anaglyph">Anaglyph</h1>
<h1 class="font-effect-emboss">Emboss</h1>
<h1 class="font-effect-fire">Fire</h1>
<h1 class="font-effect-fire-animation">Fire-Animation</h1>
<h1 class="font-effect-neon">Neon</h1>
<h1 class="font-effect-outline">Outline</h1>
<h1 class="font-effect-shadow-multiple">Shadow-Multiple</h1>
<h1 class="font-effect-3d">3D</h1>
<h1 class="font-effect-3d-float">3D-Float</h1>
 -->

----------------------------------------------------------------------------------------------  */
     /* ---------------------------------------------------------------------------------------- *
      * To call these font style classes into a page, add:  
      *          <link rel="stylesheet" href="./fonts.css">
      *  to the <head> of the HTML file. And make sure this file is 
      *  in the same folder. 
      *     Or <style type="./fonts.css">
      * ----------------------------------------------------------------------------------------- */