:root { --scrollbar-bg: rgba(50,50,50,0.25);--thumb-bg: rgba(50,50,50,0.5);--scrollbar-width: 0.35rem; --scrollbar-width_hover: 0.5rem; --scrollbar-thumb-radius: 0.5rem;--scrollbar-thumb-border: 0.2rem;}
::-webkit-scrollbar{width: var(--scrollbar-width);height:var(--scrollbar-width);}::-webkit-scrollbar:hover{width: var(--scrollbar-width_hover);}
::-webkit-scrollbar-track{background-color: var(--scrollbar-bg);}::-webkit-scrollbar-thumb{background-color: var(--thumb-bg);border-radius: var(--scrollbar-thumb-radius);border: var(--scrollbar-thumb-border) solid var(--scrollbar-bg);}
*{scrollbar-width: var(--scrollbar-width);scrollbar-color: var(--thumb-bg) var(--scrollbar-bg);}
html { scroll-behavior: smooth;}/* smooth-scroll CSS */
#link { font-family: sans-serif;width: 800px;margin:0 auto;text-align:center;}
.link {background:#eee;padding:0.25rem;border-radius: 0.5rem;border: 1px solid #aaa;}
/*====================================================================================*/
[data-title]:hover:after{opacity:1;transition:.15s .75s;visibility:visible}[data-title]:after{content:attr(data-title);position:absolute;top:-1.75em;left:5%;z-index:99999;visibility:hidden;font-family:sans-serif;white-space:nowrap;
background-color:#0a6f75;color:#fff;font-size:1rem;padding:.25rem;box-shadow:1px 1px 3px #222;opacity:0;border:1px solid #111;border-radius:.5rem;cursor:help}[data-title]{position:relative;cursor:help;cursor:alias}
.ABeeZee { font-family:'ABeeZee'; }
.Abel { font-family:'Abel'; }
.AbrilFatface { font-family:'Abril Fatface'; }
.Aclonica { font-family:'Aclonica'; }
.Acme { font-family:'Acme'; }
.Actor { font-family:'Actor'; }
.Adamina { font-family:'Adamina'; }
.AdventPro { font-family:'Advent Pro'; }
.AguafinaScript { font-family:'Aguafina Script'; }
.Akronim { font-family:'Akronim'; }
.Aladin { font-family:'Aladin'; }
.Aldrich { font-family:'Aldrich'; }
.Alef { font-family:'Alef'; }
.Alegreya { font-family:'Alegreya'; }
.AlegreyaSans { font-family:'Alegreya Sans'; }
.AlegreyaSansSC { font-family:'Alegreya Sans SC'; }
.AlegreyaSC { font-family:'Alegreya SC'; }
.AlexBrush { font-family:'Alex Brush'; }
.AlfaSlabOne { font-family:'Alfa Slab One'; }
.Alice { font-family:'Alice'; }
.Alike { font-family:'Alike'; }
.AlikeAngular { font-family:'Alike Angular'; }
.Allan { font-family:'Allan'; }
.Allerta { font-family:'Allerta'; }
.AllertaStencil { font-family:'Allerta Stencil'; }
.Allura { font-family:'Allura'; }
.Almendra { font-family:'Almendra'; }
.AlmendraDisplay { font-family:'Almendra Display'; }
.AlmendraSC { font-family:'Almendra SC'; }
.Amarante { font-family:'Amarante'; }
.Amaranth { font-family:'Amaranth'; }
.AmaticSC { font-family:'Amatic SC'; }
.Amethysta { font-family:'Amethysta'; }
.Anaheim { font-family:'Anaheim'; }
.Andada { font-family:'Andada'; }
.Andika { font-family:'Andika'; }
.Angkor { font-family:'Angkor'; }
.AnnieUseYourTelescope { font-family:'Annie Use Your Telescope'; }
.AnonymousPro { font-family:'Anonymous Pro'; }
.Antic { font-family:'Antic'; }
.AnticDidone { font-family:'Antic Didone'; }
.AnticSlab { font-family:'Antic Slab'; }
.Anton { font-family:'Anton'; }
.Arapey { font-family:'Arapey'; }
.Arbutus { font-family:'Arbutus'; }
.ArbutusSlab { font-family:'Arbutus Slab'; }
.ArchitectsDaughter { font-family:'Architects Daughter'; }
.ArchivoBlack { font-family:'Archivo Black'; }
.ArchivoNarrow { font-family:'Archivo Narrow'; }
.Arimo { font-family:'Arimo'; }
.Arizonia { font-family:'Arizonia'; }
.Armata { font-family:'Armata'; }
.Artifika { font-family:'Artifika'; }
.Arvo { font-family:'Arvo'; }
.Asap { font-family:'Asap'; }
.Asset { font-family:'Asset'; }
.Astloch { font-family:'Astloch'; }
.Asul { font-family:'Asul'; }
.AtomicAge { font-family:'Atomic Age'; }
.Aubrey { font-family:'Aubrey'; }
.Audiowide { font-family:'Audiowide'; }
.AutourOne { font-family:'Autour One'; }
.Average { font-family:'Average'; }
.AverageSans { font-family:'Average Sans'; }
.AveriaGruesaLibre { font-family:'Averia Gruesa Libre'; }
.AveriaLibre { font-family:'Averia Libre'; }
.AveriaSansLibre { font-family:'Averia Sans Libre'; }
.AveriaSerifLibre { font-family:'Averia Serif Libre'; }
.BadScript { font-family:'Bad Script'; }
.Balthazar { font-family:'Balthazar'; }
.Bangers { font-family:'Bangers'; }
.Basic { font-family:'Basic'; }
.Battambang { font-family:'Battambang'; }
.Baumans { font-family:'Baumans'; }
.Bayon { font-family:'Bayon'; }
.Belgrano { font-family:'Belgrano'; }
.Belleza { font-family:'Belleza'; }
.BenchNine { font-family:'BenchNine'; }
.Bentham { font-family:'Bentham'; }
.BerkshireSwash { font-family:'Berkshire Swash'; }
.Bevan { font-family:'Bevan'; }
.BigelowRules { font-family:'Bigelow Rules'; }
.BigshotOne { font-family:'Bigshot One'; }
.Bilbo { font-family:'Bilbo'; }
.BilboSwashCaps { font-family:'Bilbo Swash Caps'; }
.Bitter { font-family:'Bitter'; }
.BlackOpsOne { font-family:'Black Ops One'; }
.Bokor { font-family:'Bokor'; }
.Bonbon { font-family:'Bonbon'; }
.Boogaloo { font-family:'Boogaloo'; }
.BowlbyOne { font-family:'Bowlby One'; }
.BowlbyOneSC { font-family:'Bowlby One SC'; }
.Brawler { font-family:'Brawler'; }
.BreeSerif { font-family:'Bree Serif'; }
.BubblegumSans { font-family:'Bubblegum Sans'; }
.BubblerOne { font-family:'Bubbler One'; }
.Buda { font-family:'Buda'; }
.Buenard { font-family:'Buenard'; }
.Butcherman { font-family:'Butcherman'; }
.ButterflyKids { font-family:'Butterfly Kids'; }
.Cabin { font-family:'Cabin'; }
.CabinCondensed { font-family:'Cabin Condensed'; }
.CabinSketch { font-family:'Cabin Sketch'; }
.CaesarDressing { font-family:'Caesar Dressing'; }
.Cagliostro { font-family:'Cagliostro'; }
.Calligraffitti { font-family:'Calligraffitti'; }
.Cambo { font-family:'Cambo'; }
.Candal { font-family:'Candal'; }
.Cantarell { font-family:'Cantarell'; }
.CantataOne { font-family:'Cantata One'; }
.CantoraOne { font-family:'Cantora One'; }
.Capriola { font-family:'Capriola'; }
.Cardo { font-family:'Cardo'; }
.Carme { font-family:'Carme'; }
.CarroisGothic { font-family:'Carrois Gothic'; }
.CarroisGothicSC { font-family:'Carrois Gothic SC'; }
.CarterOne { font-family:'Carter One'; }
.Caudex { font-family:'Caudex'; }
.CedarvilleCursive { font-family:'Cedarville Cursive'; }
.CevicheOne { font-family:'Ceviche One'; }
.ChangaOne { font-family:'Changa One'; }
.Chango { font-family:'Chango'; }
.ChauPhilomeneOne { font-family:'Chau Philomene One'; }
.ChelaOne { font-family:'Chela One'; }
.ChelseaMarket { font-family:'Chelsea Market'; }
.Chenla { font-family:'Chenla'; }
.CherryCreamSoda { font-family:'Cherry Cream Soda'; }
.CherrySwash { font-family:'Cherry Swash'; }
.Chewy { font-family:'Chewy'; }
.Chicle { font-family:'Chicle'; }
.Chivo { font-family:'Chivo'; }
.Cinzel { font-family:'Cinzel'; }
.CinzelDecorative { font-family:'Cinzel Decorative'; }
.ClickerScript { font-family:'Clicker Script'; }
.Coda { font-family:'Coda'; }
.CodaCaption { font-family:'Coda Caption'; }
.Codystar { font-family:'Codystar'; }
.Combo { font-family:'Combo'; }
.Comfortaa { font-family:'Comfortaa'; }
.ComingSoon { font-family:'Coming Soon'; }
.ConcertOne { font-family:'Concert One'; }
.Condiment { font-family:'Condiment'; }
.Content { font-family:'Content'; }
.ContrailOne { font-family:'Contrail One'; }
.Convergence { font-family:'Convergence'; }
.Cookie { font-family:'Cookie'; }
.Copse { font-family:'Copse'; }
.Corben { font-family:'Corben'; }
.Courgette { font-family:'Courgette'; }
.Cousine { font-family:'Cousine'; }
.Coustard { font-family:'Coustard'; }
.CoveredByYourGrace { font-family:'Covered By Your Grace'; }
.CraftyGirls { font-family:'Crafty Girls'; }
.Creepster { font-family:'Creepster'; }
.CreteRound { font-family:'Crete Round'; }
.CrimsonText { font-family:'Crimson Text'; }
.CroissantOne { font-family:'Croissant One'; }
.Crushed { font-family:'Crushed'; }
.Cuprum { font-family:'Cuprum'; }
.Cutive { font-family:'Cutive'; }
.CutiveMono { font-family:'Cutive Mono'; }
.Damion { font-family:'Damion'; }
.DancingScript { font-family:'Dancing Script'; }
.Dangrek { font-family:'Dangrek'; }
.DawningofaNewDay { font-family:'Dawning of a New Day'; }
.DaysOne { font-family:'Days One'; }
.Delius { font-family:'Delius'; }
.DeliusSwashCaps { font-family:'Delius Swash Caps'; }
.DeliusUnicase { font-family:'Delius Unicase'; }
.DellaRespira { font-family:'Della Respira'; }
.DenkOne { font-family:'Denk One'; }
.Devonshire { font-family:'Devonshire'; }
.DidactGothic { font-family:'Didact Gothic'; }
.Diplomata { font-family:'Diplomata'; }
.DiplomataSC { font-family:'Diplomata SC'; }
.Domine { font-family:'Domine'; }
.DonegalOne { font-family:'Donegal One'; }
.DoppioOne { font-family:'Doppio One'; }
.Dorsa { font-family:'Dorsa'; }
.Dosis { font-family:'Dosis'; }
.DrSugiyama { font-family:'Dr Sugiyama'; }
.DroidSans { font-family:'Droid Sans'; }
.DroidSansMono { font-family:'Droid Sans Mono'; }
.DroidSerif { font-family:'Droid Serif'; }
.DuruSans { font-family:'Duru Sans'; }
.Dynalight { font-family:'Dynalight'; }
.EagleLake { font-family:'Eagle Lake'; }
.Eater { font-family:'Eater'; }
.EBGaramond { font-family:'EB Garamond'; }
.Economica { font-family:'Economica'; }
.EkMukta { font-family:'Ek Mukta'; }
.Electrolize { font-family:'Electrolize'; }
.Elsie { font-family:'Elsie'; }
.ElsieSwashCaps { font-family:'Elsie Swash Caps'; }
.EmblemaOne { font-family:'Emblema One'; }
.EmilysCandy { font-family:'Emilys Candy'; }
.Engagement { font-family:'Engagement'; }
.Englebert { font-family:'Englebert'; }
.Enriqueta { font-family:'Enriqueta'; }
.EricaOne { font-family:'Erica One'; }
.Esteban { font-family:'Esteban'; }
.EuphoriaScript { font-family:'Euphoria Script'; }
.Ewert { font-family:'Ewert'; }
.Exo { font-family:'Exo'; }
.Exo2 { font-family:'Exo 2'; }
.ExpletusSans { font-family:'Expletus Sans'; }
.FanwoodText { font-family:'Fanwood Text'; }
.Fascinate { font-family:'Fascinate'; }
.FascinateInline { font-family:'Fascinate Inline'; }
.FasterOne { font-family:'Faster One'; }
.Fasthand { font-family:'Fasthand'; }
.FaunaOne { font-family:'Fauna One'; }
.Federant { font-family:'Federant'; }
.Federo { font-family:'Federo'; }
.Felipa { font-family:'Felipa'; }
.Fenix { font-family:'Fenix'; }
.FingerPaint { font-family:'Finger Paint'; }
.FiraSans { font-family:'Fira Sans'; }
.FjallaOne { font-family:'Fjalla One'; }
.FjordOne { font-family:'Fjord One'; }
.Flamenco { font-family:'Flamenco'; }
.Flavors { font-family:'Flavors'; }
.Fondamento { font-family:'Fondamento'; }
.FontdinerSwanky { font-family:'Fontdiner Swanky'; }
.Forum { font-family:'Forum'; }
.FrancoisOne { font-family:'Francois One'; }
.FreckleFace { font-family:'Freckle Face'; }
.FrederickatheGreat { font-family:'Fredericka the Great'; }
.FredokaOne { font-family:'Fredoka One'; }
.Freehand { font-family:'Freehand'; }
.Fresca { font-family:'Fresca'; }
.Frijole { font-family:'Frijole'; }
.Fruktur { font-family:'Fruktur'; }
.FugazOne { font-family:'Fugaz One'; }
.Gabriela { font-family:'Gabriela'; }
.Gafata { font-family:'Gafata'; }
.Galdeano { font-family:'Galdeano'; }
.Galindo { font-family:'Galindo'; }
.GentiumBasic { font-family:'Gentium Basic'; }
.GentiumBookBasic { font-family:'Gentium Book Basic'; }
.Geo { font-family:'Geo'; }
.Geostar { font-family:'Geostar'; }
.GeostarFill { font-family:'Geostar Fill'; }
.GermaniaOne { font-family:'Germania One'; }
.GFSDidot { font-family:'GFS Didot'; }
.GFSNeohellenic { font-family:'GFS Neohellenic'; }
.GildaDisplay { font-family:'Gilda Display'; }
.GiveYouGlory { font-family:'Give You Glory'; }
.GlassAntiqua { font-family:'Glass Antiqua'; }
.Glegoo { font-family:'Glegoo'; }
.GloriaHallelujah { font-family:'Gloria Hallelujah'; }
.GoblinOne { font-family:'Goblin One'; }
.GochiHand { font-family:'Gochi Hand'; }
.Gorditas { font-family:'Gorditas'; }
.GoudyBookletter1911 { font-family:'Goudy Bookletter 1911'; }
.Graduate { font-family:'Graduate'; }
.GrandHotel { font-family:'Grand Hotel'; }
.GravitasOne { font-family:'Gravitas One'; }
.GreatVibes { font-family:'Great Vibes'; }
.Griffy { font-family:'Griffy'; }
.Gruppo { font-family:'Gruppo'; }
.Gudea { font-family:'Gudea'; }
.Habibi { font-family:'Habibi'; }
.HammersmithOne { font-family:'Hammersmith One'; }
.Hanalei { font-family:'Hanalei'; }
.HanaleiFill { font-family:'Hanalei Fill'; }
.Handlee { font-family:'Handlee'; }
.Hanuman { font-family:'Hanuman'; }
.HappyMonkey { font-family:'Happy Monkey'; }
.HeadlandOne { font-family:'Headland One'; }
.HennyPenny { font-family:'Henny Penny'; }
.HerrVonMuellerhoff { font-family:'Herr Von Muellerhoff'; }
.HoltwoodOneSC { font-family:'Holtwood One SC'; }
.HomemadeApple { font-family:'Homemade Apple'; }
.Homenaje { font-family:'Homenaje'; }
.Iceberg { font-family:'Iceberg'; }
.Iceland { font-family:'Iceland'; }
.IMFellDoublePica { font-family:'IM Fell Double Pica'; }
.IMFellDoublePicaSC { font-family:'IM Fell Double Pica SC'; }
.IMFellDWPica { font-family:'IM Fell DW Pica'; }
.IMFellDWPicaSC { font-family:'IM Fell DW Pica SC'; }
.IMFellEnglish { font-family:'IM Fell English'; }
.IMFellEnglishSC { font-family:'IM Fell English SC'; }
.IMFellFrenchCanon { font-family:'IM Fell French Canon'; }
.IMFellFrenchCanonSC { font-family:'IM Fell French Canon SC'; }
.IMFellGreatPrimer { font-family:'IM Fell Great Primer'; }
.IMFellGreatPrimerSC { font-family:'IM Fell Great Primer SC'; }
.Imprima { font-family:'Imprima'; }
.Inconsolata { font-family:'Inconsolata'; }
.Inder { font-family:'Inder'; }
.IndieFlower { font-family:'Indie Flower'; }
.Inika { font-family:'Inika'; }
.IrishGrover { font-family:'Irish Grover'; }
.IstokWeb { font-family:'Istok Web'; }
.Italiana { font-family:'Italiana'; }
.Italianno { font-family:'Italianno'; }
.JacquesFrancois { font-family:'Jacques Francois'; }
.JacquesFrancoisShadow { font-family:'Jacques Francois Shadow'; }
.JimNightshade { font-family:'Jim Nightshade'; }
.JockeyOne { font-family:'Jockey One'; }
.JollyLodger { font-family:'Jolly Lodger'; }
.JosefinSans { font-family:'Josefin Sans'; }
.JosefinSlab { font-family:'Josefin Slab'; }
.JotiOne { font-family:'Joti One'; }
.Judson { font-family:'Judson'; }
.Julee { font-family:'Julee'; }
.JuliusSansOne { font-family:'Julius Sans One'; }
.Junge { font-family:'Junge'; }
.Jura { font-family:'Jura'; }
.JustAnotherHand { font-family:'Just Another Hand'; }
.JustMeAgainDownHere { font-family:'Just Me Again Down Here'; }
.Kameron { font-family:'Kameron'; }
.Kantumruy { font-family:'Kantumruy'; }
.Karla { font-family:'Karla'; }
.KaushanScript { font-family:'Kaushan Script'; }
.Kavoon { font-family:'Kavoon'; }
.KdamThmor { font-family:'Kdam Thmor'; }
.KeaniaOne { font-family:'Keania One'; }
.KellySlab { font-family:'Kelly Slab'; }
.Kenia { font-family:'Kenia'; }
.Khmer { font-family:'Khmer'; }
.KiteOne { font-family:'Kite One'; }
.Knewave { font-family:'Knewave'; }
.KottaOne { font-family:'Kotta One'; }
.Koulen { font-family:'Koulen'; }
.Kranky { font-family:'Kranky'; }
.Kreon { font-family:'Kreon'; }
.Kristi { font-family:'Kristi'; }
.KronaOne { font-family:'Krona One'; }
.LaBelleAurore { font-family:'La Belle Aurore'; }
.Lancelot { font-family:'Lancelot'; }
.Lato { font-family:'Lato'; }
.LeagueScript { font-family:'League Script'; }
.LeckerliOne { font-family:'Leckerli One'; }
.Ledger { font-family:'Ledger'; }
.Lekton { font-family:'Lekton'; }
.Lemon { font-family:'Lemon'; }
.LibreBaskerville { font-family:'Libre Baskerville'; }
.LifeSavers { font-family:'Life Savers'; }
.LilitaOne { font-family:'Lilita One'; }
.LilyScriptOne { font-family:'Lily Script One'; }
.Limelight { font-family:'Limelight'; }
.LindenHill { font-family:'Linden Hill'; }
.Lobster { font-family:'Lobster'; }
.LobsterTwo { font-family:'Lobster Two'; }
.LondrinaOutline { font-family:'Londrina Outline'; }
.LondrinaShadow { font-family:'Londrina Shadow'; }
.LondrinaSketch { font-family:'Londrina Sketch'; }
.LondrinaSolid { font-family:'Londrina Solid'; }
.Lora { font-family:'Lora'; }
.LoveYaLikeASister { font-family:'Love Ya Like A Sister'; }
.LovedbytheKing { font-family:'Loved by the King'; }
.LoversQuarrel { font-family:'Lovers Quarrel'; }
.LuckiestGuy { font-family:'Luckiest Guy'; }
.Lusitana { font-family:'Lusitana'; }
.Lustria { font-family:'Lustria'; }
.Macondo { font-family:'Macondo'; }
.MacondoSwashCaps { font-family:'Macondo Swash Caps'; }
.Magra { font-family:'Magra'; }
.MaidenOrange { font-family:'Maiden Orange'; }
.Mako { font-family:'Mako'; }
.Marcellus { font-family:'Marcellus'; }
.MarcellusSC { font-family:'Marcellus SC'; }
.MarckScript { font-family:'Marck Script'; }
.Margarine { font-family:'Margarine'; }
.MarkoOne { font-family:'Marko One'; }
.Marmelad { font-family:'Marmelad'; }
.Marvel { font-family:'Marvel'; }
.Mate { font-family:'Mate'; }
.MateSC { font-family:'Mate SC'; }
.MavenPro { font-family:'Maven Pro'; }
.McLaren { font-family:'McLaren'; }
.Meddon { font-family:'Meddon'; }
.MedievalSharp { font-family:'MedievalSharp'; }
.MedulaOne { font-family:'Medula One'; }
.Megrim { font-family:'Megrim'; }
.MeieScript { font-family:'Meie Script'; }
.Merienda { font-family:'Merienda'; }
.MeriendaOne { font-family:'Merienda One'; }
.Merriweather { font-family:'Merriweather'; }
.MerriweatherSans { font-family:'Merriweather Sans'; }
.Metal { font-family:'Metal'; }
.MetalMania { font-family:'Metal Mania'; }
.Metamorphous { font-family:'Metamorphous'; }
.Metrophobic { font-family:'Metrophobic'; }
.Michroma { font-family:'Michroma'; }
.Milonga { font-family:'Milonga'; }
.Miltonian { font-family:'Miltonian'; }
.MiltonianTattoo { font-family:'Miltonian Tattoo'; }
.Miniver { font-family:'Miniver'; }
.MissFajardose { font-family:'Miss Fajardose'; }
.ModernAntiqua { font-family:'Modern Antiqua'; }
.Molengo { font-family:'Molengo'; }
.Molle { font-family:'Molle'; }
.Monda { font-family:'Monda'; }
.Monofett { font-family:'Monofett'; }
.Monoton { font-family:'Monoton'; }
.MonsieurLaDoulaise { font-family:'Monsieur La Doulaise'; }
.Montaga { font-family:'Montaga'; }
.Montez { font-family:'Montez'; }
.Montserrat { font-family:'Montserrat'; }
.MontserratAlternates { font-family:'Montserrat Alternates'; }
.MontserratSubrayada { font-family:'Montserrat Subrayada'; }
.Moul { font-family:'Moul'; }
.Moulpali { font-family:'Moulpali'; }
.MountainsofChristmas { font-family:'Mountains of Christmas'; }
.MouseMemoirs { font-family:'Mouse Memoirs'; }
.MrBedfort { font-family:'Mr Bedfort'; }
.MrDafoe { font-family:'Mr Dafoe'; }
.MrDeHaviland { font-family:'Mr De Haviland'; }
.MrsSaintDelafield { font-family:'Mrs Saint Delafield'; }
.MrsSheppards { font-family:'Mrs Sheppards'; }
.Muli { font-family:'Muli'; }
.MysteryQuest { font-family:'Mystery Quest'; }
.Neucha { font-family:'Neucha'; }
.Neuton { font-family:'Neuton'; }
.NewRocker { font-family:'New Rocker'; }
.NewsCycle { font-family:'News Cycle'; }
.Niconne { font-family:'Niconne'; }
.NixieOne { font-family:'Nixie One'; }
.Nobile { font-family:'Nobile'; }
.Nokora { font-family:'Nokora'; }
.Norican { font-family:'Norican'; }
.Nosifer { font-family:'Nosifer'; }
.NothingYouCouldDo { font-family:'Nothing You Could Do'; }
.NoticiaText { font-family:'Noticia Text'; }
.NotoSans { font-family:'Noto Sans'; }
.NotoSerif { font-family:'Noto Serif'; }
.NovaCut { font-family:'Nova Cut'; }
.NovaFlat { font-family:'Nova Flat'; }
.NovaMono { font-family:'Nova Mono'; }
.NovaOval { font-family:'Nova Oval'; }
.NovaRound { font-family:'Nova Round'; }
.NovaScript { font-family:'Nova Script'; }
.NovaSlim { font-family:'Nova Slim'; }
.NovaSquare { font-family:'Nova Square'; }
.Numans { font-family:'Numans'; }
.Nunito { font-family:'Nunito'; }
.OdorMeanChey { font-family:'Odor Mean Chey'; }
.Offside { font-family:'Offside'; }
.OldStandardTT { font-family:'Old Standard TT'; }
.Oldenburg { font-family:'Oldenburg'; }
.OleoScript { font-family:'Oleo Script'; }
.OleoScriptSwashCaps { font-family:'Oleo Script Swash Caps'; }
.OpenSans { font-family:'Open Sans'; }
.OpenSansCondensed { font-family:'Open Sans Condensed'; }
.Oranienbaum { font-family:'Oranienbaum'; }
.Orbitron { font-family:'Orbitron'; }
.Oregano { font-family:'Oregano'; }
.Orienta { font-family:'Orienta'; }
.OriginalSurfer { font-family:'Original Surfer'; }
.Oswald { font-family:'Oswald'; }
.OvertheRainbow { font-family:'Over the Rainbow'; }
.Overlock { font-family:'Overlock'; }
.OverlockSC { font-family:'Overlock SC'; }
.Ovo { font-family:'Ovo'; }
.Oxygen { font-family:'Oxygen'; }
.OxygenMono { font-family:'Oxygen Mono'; }
.Pacifico { font-family:'Pacifico'; }
.Paprika { font-family:'Paprika'; }
.Parisienne { font-family:'Parisienne'; }
.PasseroOne { font-family:'Passero One'; }
.PassionOne { font-family:'Passion One'; }
.PathwayGothicOne { font-family:'Pathway Gothic One'; }
.PatrickHand { font-family:'Patrick Hand'; }
.PatrickHandSC { font-family:'Patrick Hand SC'; }
.PatuaOne { font-family:'Patua One'; }
.PaytoneOne { font-family:'Paytone One'; }
.Peralta { font-family:'Peralta'; }
.PermanentMarker { font-family:'Permanent Marker'; }
.PetitFormalScript { font-family:'Petit Formal Script'; }
.Petrona { font-family:'Petrona'; }
.Philosopher { font-family:'Philosopher'; }
.Piedra { font-family:'Piedra'; }
.PinyonScript { font-family:'Pinyon Script'; }
.PirataOne { font-family:'Pirata One'; }
.Plaster { font-family:'Plaster'; }
.Play { font-family:'Play'; }
.Playball { font-family:'Playball'; }
.PlayfairDisplay { font-family:'Playfair Display'; }
.PlayfairDisplaySC { font-family:'Playfair Display SC'; }
.Podkova { font-family:'Podkova'; }
.PoiretOne { font-family:'Poiret One'; }
.PollerOne { font-family:'Poller One'; }
.Poly { font-family:'Poly'; }
.Pompiere { font-family:'Pompiere'; }
.PontanoSans { font-family:'Pontano Sans'; }
.PortLligatSans { font-family:'Port Lligat Sans'; }
.PortLligatSlab { font-family:'Port Lligat Slab'; }
.Prata { font-family:'Prata'; }
.Preahvihear { font-family:'Preahvihear'; }
.PressStart2P { font-family:'Press Start 2P'; }
.PrincessSofia { font-family:'Princess Sofia'; }
.Prociono { font-family:'Prociono'; }
.ProstoOne { font-family:'Prosto One'; }
.PTMono { font-family:'PT Mono'; }
.PTSans { font-family:'PT Sans'; }
.PTSansCaption { font-family:'PT Sans Caption'; }
.PTSansNarrow { font-family:'PT Sans Narrow'; }
.PTSerif { font-family:'PT Serif'; }
.PTSerifCaption { font-family:'PT Serif Caption'; }
.Puritan { font-family:'Puritan'; }
.PurplePurse { font-family:'Purple Purse'; }
.Quando { font-family:'Quando'; }
.Quantico { font-family:'Quantico'; }
.Quattrocento { font-family:'Quattrocento'; }
.QuattrocentoSans { font-family:'Quattrocento Sans'; }
.Questrial { font-family:'Questrial'; }
.Quicksand { font-family:'Quicksand'; }
.Quintessential { font-family:'Quintessential'; }
.Qwigley { font-family:'Qwigley'; }
.RacingSansOne { font-family:'Racing Sans One'; }
.Radley { font-family:'Radley'; }
.Raleway { font-family:'Raleway'; }
.RalewayDots { font-family:'Raleway Dots'; }
.Rambla { font-family:'Rambla'; }
.RammettoOne { font-family:'Rammetto One'; }
.Ranchers { font-family:'Ranchers'; }
.Rancho { font-family:'Rancho'; }
.Rationale { font-family:'Rationale'; }
.Redressed { font-family:'Redressed'; }
.ReenieBeanie { font-family:'Reenie Beanie'; }
.Revalia { font-family:'Revalia'; }
.Ribeye { font-family:'Ribeye'; }
.RibeyeMarrow { font-family:'Ribeye Marrow'; }
.Righteous { font-family:'Righteous'; }
.Risque { font-family:'Risque'; }
.Roboto { font-family:'Roboto'; }
.RobotoCondensed { font-family:'Roboto Condensed'; }
.RobotoSlab { font-family:'Roboto Slab'; }
.Rochester { font-family:'Rochester'; }
.RockSalt { font-family:'Rock Salt'; }
.Rokkitt { font-family:'Rokkitt'; }
.Romanesco { font-family:'Romanesco'; }
.RopaSans { font-family:'Ropa Sans'; }
.Rosario { font-family:'Rosario'; }
.Rosarivo { font-family:'Rosarivo'; }
.RougeScript { font-family:'Rouge Script'; }
.RubikMonoOne { font-family:'Rubik Mono One'; }
.RubikOne { font-family:'Rubik One'; }
.Ruda { font-family:'Ruda'; }
.Rufina { font-family:'Rufina'; }
.RugeBoogie { font-family:'Ruge Boogie'; }
.Ruluko { font-family:'Ruluko'; }
.RumRaisin { font-family:'Rum Raisin'; }
.RuslanDisplay { font-family:'Ruslan Display'; }
.RussoOne { font-family:'Russo One'; }
.Ruthie { font-family:'Ruthie'; }
.Rye { font-family:'Rye'; }
.Sacramento { font-family:'Sacramento'; }
.Sail { font-family:'Sail'; }
.Salsa { font-family:'Salsa'; }
.Sanchez { font-family:'Sanchez'; }
.Sancreek { font-family:'Sancreek'; }
.SansitaOne { font-family:'Sansita One'; }
.Sarina { font-family:'Sarina'; }
.Satisfy { font-family:'Satisfy'; }
.Scada { font-family:'Scada'; }
.Schoolbell { font-family:'Schoolbell'; }
.SeaweedScript { font-family:'Seaweed Script'; }
.Sevillana { font-family:'Sevillana'; }
.SeymourOne { font-family:'Seymour One'; }
.ShadowsIntoLight { font-family:'Shadows Into Light'; }
.ShadowsIntoLightTwo { font-family:'Shadows Into Light Two'; }
.Shanti { font-family:'Shanti'; }
.Share { font-family:'Share'; }
.ShareTech { font-family:'Share Tech'; }
.ShareTechMono { font-family:'Share Tech Mono'; }
.Shojumaru { font-family:'Shojumaru'; }
.ShortStack { font-family:'Short Stack'; }
.Siemreap { font-family:'Siemreap'; }
.SigmarOne { font-family:'Sigmar One'; }
.Signika { font-family:'Signika'; }
.SignikaNegative { font-family:'Signika Negative'; }
.Simonetta { font-family:'Simonetta'; }
.Sintony { font-family:'Sintony'; }
.SirinStencil { font-family:'Sirin Stencil'; }
.SixCaps { font-family:'Six Caps'; }
.Skranji { font-family:'Skranji'; }
.Slackey { font-family:'Slackey'; }
.Smokum { font-family:'Smokum'; }
.Smythe { font-family:'Smythe'; }
.Sniglet { font-family:'Sniglet'; }
.Snippet { font-family:'Snippet'; }
.SnowburstOne { font-family:'Snowburst One'; }
.SofadiOne { font-family:'Sofadi One'; }
.Sofia { font-family:'Sofia'; }
.SonsieOne { font-family:'Sonsie One'; }
.SortsMillGoudy { font-family:'Sorts Mill Goudy'; }
.SourceCodePro { font-family:'Source Code Pro'; }
.SourceSansPro { font-family:'Source Sans Pro'; }
.SpecialElite { font-family:'Special Elite'; }
.SpicyRice { font-family:'Spicy Rice'; }
.Spinnaker { font-family:'Spinnaker'; }
.Spirax { font-family:'Spirax'; }
.SquadaOne { font-family:'Squada One'; }
.Stalemate { font-family:'Stalemate'; }
.StalinistOne { font-family:'Stalinist One'; }
.StardosStencil { font-family:'Stardos Stencil'; }
.StintUltraCondensed { font-family:'Stint Ultra Condensed'; }
.StintUltraExpanded { font-family:'Stint Ultra Expanded'; }
.Stoke { font-family:'Stoke'; }
.Strait { font-family:'Strait'; }
.SueEllenFrancisco { font-family:'Sue Ellen Francisco'; }
.Sunshiney { font-family:'Sunshiney'; }
.SupermercadoOne { font-family:'Supermercado One'; }
.Suwannaphum { font-family:'Suwannaphum'; }
.SwankyandMooMoo { font-family:'Swanky and Moo Moo'; }
.Syncopate { font-family:'Syncopate'; }
.Tangerine { font-family:'Tangerine'; }
.Taprom { font-family:'Taprom'; }
.Tauri { font-family:'Tauri'; }
.Telex { font-family:'Telex'; }
.TenorSans { font-family:'Tenor Sans'; }
.TextMeOne { font-family:'Text Me One'; }
.TheGirlNextDoor { font-family:'The Girl Next Door'; }
.Tienne { font-family:'Tienne'; }
.Tinos { font-family:'Tinos'; }
.TitanOne { font-family:'Titan One'; }
.TitilliumWeb { font-family:'Titillium Web'; }
.TradeWinds { font-family:'Trade Winds'; }
.Trocchi { font-family:'Trocchi'; }
.Trochut { font-family:'Trochut'; }
.Trykker { font-family:'Trykker'; }
.TulpenOne { font-family:'Tulpen One'; }
.Ubuntu { font-family:'Ubuntu'; }
.UbuntuCondensed { font-family:'Ubuntu Condensed'; }
.UbuntuMono { font-family:'Ubuntu Mono'; }
.Ultra { font-family:'Ultra'; }
.UncialAntiqua { font-family:'Uncial Antiqua'; }
.Underdog { font-family:'Underdog'; }
.UnicaOne { font-family:'Unica One'; }
.UnifrakturCook { font-family:'UnifrakturCook'; }
.UnifrakturMaguntia { font-family:'UnifrakturMaguntia'; }
.Unkempt { font-family:'Unkempt'; }
.Unlock { font-family:'Unlock'; }
.Unna { font-family:'Unna'; }
.VampiroOne { font-family:'Vampiro One'; }
.Varela { font-family:'Varela'; }
.VarelaRound { font-family:'Varela Round'; }
.VastShadow { font-family:'Vast Shadow'; }
.Vibur { font-family:'Vibur'; }
.Vidaloka { font-family:'Vidaloka'; }
.Viga { font-family:'Viga'; }
.Voces { font-family:'Voces'; }
.Volkhov { font-family:'Volkhov'; }
.Vollkorn { font-family:'Vollkorn'; }
.Voltaire { font-family:'Voltaire'; }
.VT323 { font-family:'VT323'; }
.WaitingfortheSunrise { font-family:'Waiting for the Sunrise'; }
.Wallpoet { font-family:'Wallpoet'; }
.WalterTurncoat { font-family:'Walter Turncoat'; }
/*.Warnes { font-family:'Warnes'; }*/
.Wellfleet { font-family:'Wellfleet'; }
.WendyOne { font-family:'Wendy One'; }
.WireOne { font-family:'Wire One'; }
.YanoneKaffeesatz { font-family:'Yanone Kaffeesatz'; }
.Yellowtail { font-family:'Yellowtail'; }
.YesevaOne { font-family:'Yeseva One'; }
.Yesteryear { font-family:'Yesteryear'; }
.Zeyada { font-family:'Zeyada'; }
div { font-size:1.0em;font-family:'Arial Black'; }
.fltL { text-align:center;}
.w200px { width:900px;/*overflow-x:hidden;*/ }
.group { background:rgba(0,0,55,0.2);color:#fff;width:180px;width:90%;margin:0 auto;text-align:center;padding:5px;font-size:110%;
    -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px; }
.letter { background: rgba(240,240,240,0.2);height:1.75em;line-height:1.75em;color:#00b;font-size:1.2em;width:180px;width:60%;margin:0 auto;margin-top:70px;text-align:center; 
      -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px;}
.smaller { font-size:60%;font-family:monospace;font-weight: normal;margin-top:3px; }
.fonts { /*float:left;display:inline-block;*/height:350px;height:1.75em;line-height:1.75em;font-size:1.75em;text-align: center; }
.linx a {height:0.5em;line-height:0.5em;font-size:0.4em;margin-top: 1px;padding:5px;}
/*.letter:before { content: "=="; }*/
.letter:after { content: "   "; }
* { font-family:impact,wingdings; }
body { text-align:center; margin:0 auto; padding:0;/*font-size:200%;*/ }
#container { width:975px;margin:0px auto;text-align:left; padding:5px;}
#content { margin:2px auto;text-align:center; z-index:98;padding:2px;
  border:0px outset #ccc; height:auto;line-height:120%;margin-top:0px; }
.show { display:block; }
.hide { display:none;line-height:120%; }
a { font-size:16px;font-weight:bold;font-family:arial,helvetica,sans-serif;width:10px;border:1px outset #ddd;padding:8px;margin:1px;text-decoration:none;margin-top:5px; 
  -webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius:  5px 5px 5px 5px; 
  background: #FFFFFF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E8E3E3));background: -webkit-linear-gradient(#FFFFFF, #E8E3E3);background: -moz-linear-gradient(#FFFFFF, #E8E3E3);background: -ms-linear-gradient(#FFFFFF, #E8E3E3);background: -o-linear-gradient(#FFFFFF, #E8E3E3);background: linear-gradient(#FFFFFF, #E8E3E3);-pie-background: linear-gradient(#FFFFFF, #E8E3E3);behavior: url(/css/PIE.htc);}
a:hover {  background: #E8E3E3; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8E3E3), to(#FFFFFF));background: -webkit-linear-gradient(#E8E3E3, #FFFFFF);background: -moz-linear-gradient(#E8E3E3, #FFFFFF);background: -ms-linear-gradient(#E8E3E3, #FFFFFF);background: -o-linear-gradient(#E8E3E3, ##FFFFFF);background: linear-gradient(#E8E3E3, #FFFFFF);-pie-background: linear-gradient(#E8E3E3, #FFFFFF);behavior: url(/css/PIE.htc);}
#font-nav { position:fixed;text-align:center;top:0px;width:950px;height:35px;border:2px outset #ccc; z-index:99;background:#fefefe;padding:10px 3px 5px 3px;margin:0 auto;margin-bottom:0px;
  -webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius:  5px 5px 5px 5px; 
  background: #E8E3E3; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E8E3E3), to(#FFFFFF));background: -webkit-linear-gradient(#E8E3E3, #FFFFFF);background: -moz-linear-gradient(#E8E3E3, #FFFFFF);background: -ms-linear-gradient(#E8E3E3, #FFFFFF);background: -o-linear-gradient(#E8E3E3, ##FFFFFF);background: linear-gradient(#E8E3E3, #FFFFFF);-pie-background: linear-gradient(#E8E3E3, #FFFFFF);behavior: url(/css/PIE.htc);}
.bogus_fontname_for_testing { font-family:'beggerman'; }
.fonts {
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  padding: 0.25rem;
  width:900px;
  gap:0.25rem;
  margin: 0.25rem;
}
.fonts div:nth-of-type(even) { color:#00c}
.fonts div:nth-of-type(odd) { color:#700}