/* css document */

/* @imports */
	/* SANS */
		/* Dosis */
		@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800');
		/* Farro */
		@import url('https://fonts.googleapis.com/css2?family=Farro:wght@300;400;500;700&display=swap');
		/* Mitr */
		@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap');
		/* Montserrat */
		@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
		/* Nanum Gothic */
		@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
		/* Open Sans */
		@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
		/* Oswald */
		@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
		/* Raleway */
		@import url('https://fonts.googleapis.com/css2?family=Raleway: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&display=swap');
		/* Roboto */
		@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
		/* Rubik */
		@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
		/* Spartan */
		@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
	/* SANS ALMOST DISPLAY */
		/* Archivo Black */
		@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
		/* Candal */
		@import url('https://fonts.googleapis.com/css2?family=Candal&display=swap');
		/* Chau Philomene One */
		@import url('https://fonts.googleapis.com/css2?family=Chau+Philomene+One:ital@0;1&display=swap');
		/* Denk One */
		@import url('https://fonts.googleapis.com/css2?family=Denk+One&display=swap');
		/* Do Hyeon */
		@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');
		/* Doppio One */
		@import url('https://fonts.googleapis.com/css2?family=Doppio+One&display=swap');
		/* Jockey One */
		@import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap');
		/* Krona One */
		@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
		/* Palanquin Dark */
		@import url('https://fonts.googleapis.com/css2?family=Palanquin+Dark:wght@400;500;600;700&display=swap');
		/* Russo One */
		@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
		/* Syncopate */
		@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');
		/* Wire One */
		@import url('https://fonts.googleapis.com/css?family=Wire+One');
	/* DISPLAY */
		/* Audiowide */
		@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
		/* Bangers */
		@import url('https://fonts.googleapis.com/css?family=Bangers');
		/* Fredericka the Great */
		@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');
		/* Lobster */
		@import url('https://fonts.googleapis.com/css?family=Lobster');
		/* Lobster Two */
		@import url('https://fonts.googleapis.com/css?family=Lobster+Two:400,400i,700,700i');
	/* MONOSPACE */
		/* Cutive Mono */
		@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
		/* Roboto Mono */
		@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i&display=swap&subset=latin-ext');

/* css rules */
	/* SANS */
		/* Dosis */
		.dosis { font-family: 'Dosis', sans-serif; font-weight: 500; }
		.dosis-light { font-family: 'Dosis', sans-serif; font-weight: 300; }
		/* Farro */
		.farro { font-family: 'Farro', sans-serif; }
		/* Mitr */
		.mitr { font-family: 'Mitr', sans-serif; }
		/* Montserrat */
		.montserrat { font-family: 'Montserrat', sans-serif; }
		.montserratb { font-family: 'Montserrat', sans-serif; font-weight: 600; }
		/* Nanum Gothic */
		.nanumgothic { font-family: 'Nanum Gothic', sans-serif; }
		/* Open Sans */
		.opensans { font-family: 'Open Sans', sans-serif; }
		/* Oswald */
		.oswald { font-family: 'Oswald', sans-serif; }
		/* Raleway */
		.raleway { font-family: 'Raleway', sans-serif; }
		.boldraleway { font-family: 'Raleway', sans-serif; font-weight: 600; }
		/* Roboto */
		.roboto { font-family: 'Roboto', sans-serif; font-weight: 400; }
		/* Rubik */
		.rubik { font-family: 'Rubik', sans-serif; }
		.rubik700 { font-family: 'Roboto', sans-serif; font-weight: 700; }
		/* Spartan */
		.spartan { font-family: 'Spartan', sans-serif; }	
	/* SANS ALMOST DISPLAY */
		/* Archivo Black */
		.archivoblack { font-family: 'Archivo Black', sans-serif; }
		/* Candal */
		.candal { font-family: 'Candal', sans-serif; }
		/* Chau Philomene One */
		.chauphilomeneone { font-family: 'Chau Philomene One', sans-serif; }
		/* Denk One */
		.denkone { font-family: 'Denk One', sans-serif; }
		/* Do Hyeon */
		.dohyeon { font-family: 'Do Hyeon', sans-serif; }
		/* Doppio One */
		.doppioone { font-family: 'Doppio One', sans-serif; }
		/* Jockey One */
		.jockeyone { font-family: 'Jockey One', sans-serif; }
		/* Krona One */
		.kronaone { font-family: 'Krona One', sans-serif; }
		/* Palanquin Dark */
		.palanquindark { font-family: 'Palanquin Dark', sans-serif; }
		/* Russo One */
		.russoone { font-family: 'Russo One', sans-serif; }
		/* Syncopate */
		.syncopate { font-family: 'Syncopate', sans-serif; }
		/* Wire One */
		.wireone { font-family: 'Wire One', sans-serif; }
	/* DISPLAY */
		/* Audiowide */
		.audiowide { font-family: 'Audiowide', cursive; }
		/* Bangers */
		.bangers { font-family: 'Bangers', cursive; }
		/* Fredericka the Great */
		.frederika { font-family: 'Fredericka the Great', cursive; }
		/* Lobster */
		.lobster { font-family: 'Lobster', cursive; }
		/* Lobster Two */
		.lobster2 { font-family: 'Lobster Two', cursive; }
	/* MONOSPACE */
		.cutive-mono { font-family: 'Cutive Mono', monospace; }
		.roboto-mono { font-family: 'Roboto Mono', monospace; }
/* demo
	<!-- *** SANS *** -->
		<div class="text-danger"><h4>SANS</h4></div>
		<div class="dosis"><h4>dosis</h4></div>
		<div class="dosis-light"><h4>dosis-light</h4></div>
		<div class="farro"><h4>farro</h4></div>
		<div class="mitr"><h4>mitr</h4></div>
		<div class="montserratb"><h4>montserratb</h4></div>
		<div class="montserrat"><h4>montserrat</h4></div>
		<div class="nanumgothic"><h4>nanumgothic</h4></div>
		<div class="opensans"><h4>opensans</h4></div>
		<div class="oswald"><h4>oswald</h4></div>
		<div class="raleway"><h4>raleway</h4></div>
		<div class="boldraleway"><h4>boldraleway</h4></div>
		<div class="roboto"><h4>roboto</h4></div>
		<div class="rubik"><h4>rubik</h4></div>
		<div class="spartan"><h4>spartan</h4></div>
	<!-- *** SANS ALMOST DISPLAY *** -->
		<div class="text-danger"><h4>SANS ALMOST DISPLAY</h4></div>
		<div class="archivoblack"><h4>archivoblack</h4></div>
		<div class="candal"><h4>candal</h4></div>
		<div class="chauphilomeneone"><h4>chauphilomeneone</h4></div> 
		<div class="denkone"><h4>denkone</h4></div>
		<div class="dohyeon"><h4>dohyeon</h4></div>
		<div class="doppioone"><h4>doppioone</h4></div>
		<div class="kronaone"><h4>kronaone</h4></div>
		<div class="jockeyone"><h4>jockeyone</h4></div>
		<div class="palanquindark"><h4>palanquindark</h4></div>
		<div class="russoone"><h4>russoone</h4></div>
		<div class="syncopate"><h4>syncopate</h4></div>
		<div class="wireone"><h4>wireone</h4></div>
	<!-- *** DISPLAY *** -->
		<div class="text-danger"><h4>DISPLAY</h4></div>
		<div class="lobster"><h4>lobster</h4></div>
		<div class="lobster2"><h4>lobster2</h4></div>
		<div class="bangers"><h4>bangers</h4></div>
		<div class="frederika"><h4>frederika</h4></div>
		<div class="audiowide"><h4>audiowide</h4></div>
	<!-- *** MONOSPACE *** -->
		<div class="text-danger"><h4>MONOSPACE</h4></div>
		<div class="cutive-mono"><h4>cutive-mono</h4></div>
		<div class="roboto-mono"><h4>roboto-mono</h4></div>
*/