.font-switchers .font-group{display:flex;flex-wrap:wrap;padding-bottom:.5em}.font-switchers h4{margin:0}.font-switchers button{cursor:pointer;background:0 0;border:none;margin-left:.75em;color:#ffade5;padding:0}.font-switchers button:hover{text-decoration:underline;color:#ffd7ef}.font-switchers button.active{text-decoration:underline}.font-present{border:1px dashed #9b8d94;padding:.5em}.font-present h3{margin-top:0;margin-bottom:.1em;font-size:1.5em;text-transform:capitalize;font-variant:small-caps}.font-present p{margin-bottom:.25em}.font-present p:last-child{font-size:.75em}.font-present h3,.font-present p{font-family:Times,serif}.font-present.podkova h3,.font-present.podkova p{font-family:podkova,Courier}.font-present.slabo-13px h3,.font-present.slabo-13px p{font-family:"slabo 13px",Courier}.font-present.eb-garamond h3,.font-present.eb-garamond p{font-family:eb garamond,Courier}.font-present.triptych-roman h3,.font-present.triptych-roman p{font-family:triptych roman,Courier}.font-present.hershey-complex h3,.font-present.hershey-complex p{font-family:hershey complex,Courier}.font-present.ibm-plex-sans h3,.font-present.ibm-plex-sans p{font-family:ibm plex sans,Courier}.font-present.proxima-nova h3,.font-present.proxima-nova p{font-family:proxima nova,Courier}.font-present.jetbrains-mono h3,.font-present.jetbrains-mono p{font-family:jetbrains mono,Courier}.font-present.monaspacekr h3,.font-present.monaspacekr p{font-family:monaspacekr,Courier}.font-present.monaspacern h3,.font-present.monaspacern p{font-family:monaspacern,Courier}.font-present.hershey-simplex h3,.font-present.hershey-simplex p{font-family:hershey simplex,Courier}.font-present.hershey-duplex h3,.font-present.hershey-duplex p{font-family:hershey duplex,Courier}.font-present.xkcd-script h3,.font-present.xkcd-script p{font-family:xkcd script,Courier}