:root{--font-primary: "Open Sans", sans-serif;--font-secondary: "Georgia", serif}@font-face{font-family:MaxLFRegular;src:url("../fonts/ikast-brande/MaxLF-Regular/MxRgLf__.ttf")}@font-face{font-family:OpenSans;src:url("../fonts/OpenSans/OpenSans-Regular.ttf")}@font-face{font-family:Exo2;src:url("../fonts/Exo2/Exo2-Regular.ttf")}@font-face{font-family:IBMPlexMono;src:url("../fonts/IBMPlexMono/IBMPlexMono-Regular.ttf")}@font-face{font-family:PlayfairDisplay;src:url("../fonts/Playfair-display/PlayfairDisplay-Regular.ttf")}@font-face{font-family:Roboto;src:url("../fonts/Roboto/Roboto-Regular.ttf")}@font-face{font-family:FiraSans;src:url("../fonts/FiraSans/FiraSans-Regular.ttf")}@font-face{font-family:Montserrat;src:url("../fonts/Montserrat/Montserrat-Regular.ttf")}@font-face{font-family:Metropolis;src:url("../fonts/Metropolis/Metropolis-Regular.ttf")}@font-face{font-family:Barlow;src:url("../fonts/Barlow/Barlow-Regular.ttf")}@font-face{font-family:Icecream;src:url("../fonts/icecreme-slant/icecream-slant-webfont.woff")}@font-face{font-family:ID00-Sans;src:url("../fonts/ID00-sans/ID00-Sans.ttf")}@font-face{font-family:ID00-serif;src:url("../fonts/ID00-serif/ID00-Serif.ttf")}@font-face{font-family:Merriweather;src:url("../fonts/Merriweather/Merriweather-Regular.ttf")}@font-face{font-family:Rubik;src:url("../fonts/Rubik/Rubik-Regular.ttf")}@font-face{font-family:Alverata;src:url("../fonts/Alverata/Alverata-Regular.woff2")}@font-face{font-family:Resolve;src:url("../fonts/Resolve/Resolve-Regular.woff2")}@font-face{font-family:ResolveNrw;src:url("../fonts/Resolve-Nrw/ResolveBlackNrw.woff")}@font-face{font-family:DM Sans;src:url("../fonts/DM-Sans/DMSans-VariableFont_opsz,wght.ttf")}@font-face{font-family:Raleway;src:url("../fonts/Raleway/Raleway-VariableFont_wght.ttf")}.verdana{font-family:"Verdana","Geneva",sans-serif}.maxLF{font-family:MaxLFRegular}.openSans{font-family:OpenSans}.georgia{font-family:"Georgia","Times New Roman",serif}.arial{font-family:"Arial","Helvetica",sans-serif}.exo2{font-family:Exo2}.iBMPlexMono{font-family:IBMPlexMono}.playfair{font-family:PlayfairDisplay}.roboto{font-family:Roboto}.fira-sans{font-family:FiraSans}.montserrat{font-family:Montserrat}.metropolis{font-family:Metropolis}.barlow{font-family:Barlow}.slant{font-family:Icecream}.id00-sans{font-family:ID00-Sans}.id00-serif{font-family:ID00-serif}.merriweather{font-family:Merriweather}.rubik{font-family:Rubik}.alverata{font-family:Alverata}.resolve{font-family:Resolve}.resolveNrw{font-family:ResolveNrw}.dm-sans{font-family:DM Sans}.raleway{font-family:Raleway}.font-picker-wrapper{display:flex;position:relative}.font-picker-wrapper .demo-text{display:flex;padding:10px;flex-direction:column;align-items:self-start;align-self:flex-start;position:sticky;top:40px;margin-right:20px;min-width:390px}.font-picker-wrapper .demo-text p{max-width:425px;margin-bottom:20px}.font-picker-wrapper .reset-button{display:inline-block;margin:10px 0;background:#e9e9e9;padding:10px 20px;border-radius:5px}.font-picker-wrapper ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.font-picker-wrapper ul h3{font-size:20px}.font-picker-wrapper ul .font-buttons{display:flex}.font-picker-wrapper ul .font-buttons a{background:#e9e9e9;border:none;padding:13px 20px;margin-right:20px;border-radius:5px;transition:ease-in-out .2s all;min-width:80px;text-align:center}.font-picker-wrapper ul .font-buttons a:hover,.font-picker-wrapper ul .font-buttons a.active{text-decoration:none;background:#1b264f;color:#fff}