@font-face { font-family: 'Roboto'; src: url('/fonts/Roboto.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('/fonts/Lato.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('/fonts/Montserrat.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/fonts/Poppins.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Raleway'; src: url('/fonts/Raleway.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url('/fonts/Nunito.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Ubuntu'; src: url('/fonts/Ubuntu.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Noto Sans'; src: url('/fonts/NotoSans.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Oswald'; src: url('/fonts/Oswald.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Playfair Display'; src: url('/fonts/PlayfairDisplay.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Merriweather'; src: url('/fonts/Merriweather.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'PT Serif'; src: url('/fonts/PTSerif.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Bitter'; src: url('/fonts/Bitter.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Libre Baskerville'; src: url('/fonts/LibreBaskerville.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Pacifico'; src: url('/fonts/Pacifico.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Great Vibes'; src: url('/fonts/GreatVibes.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Sacramento'; src: url('/fonts/Sacramento.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Dancing Script'; src: url('/fonts/DancingScript.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Lobster'; src: url('/fonts/Lobster.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Bebas Neue'; src: url('/fonts/BebasNeue.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Permanent Marker'; src: url('/fonts/PermanentMarker.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Black Ops One'; src: url('/fonts/BlackOpsOne.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Righteous'; src: url('/fonts/Righteous.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Bungee Shade'; src: url('/fonts/BungeeShade.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('/fonts/RobotoMono.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Source Code Pro'; src: url('/fonts/SourceCodePro.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Courier Prime'; src: url('/fonts/CourierPrime.ttf') format('truetype'); font-weight: 400; font-display: swap; }