/** Fonts **/
/* open-sans-300 - latin */
/* [Or: ] css-loader behavior has changed and now it would try to resolve relative url() and it would try to resolve it in respect to /src/...
    We do not want to eject or re-wire CRA and therefore can't really configure webpack to add the public folder to the resolving paths.
    We can't just update css-loader (which now has a new feature to disable url resolving) since CRA using its own version of webpack and css-loader.
    Also, we can't just define @font-faces and refer to assets from styled-components createGlobalStyle, since styled-componnets, due to how it works under the hood
    would/could reload all the assets that are referred to from the created <style> tag, each time that that its content changes, that would cause to a redundant
    re-fetching again and again of assets, causing flickering effect.
    for more details about this issue with styled-components and their lack of support of it: https://github.com/styled-components/styled-components/issues/1593
	with this approach the css-loader wouldn't process this css file hence
*/

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	src: local("Open Sans Light"), local("OpenSans-Light"),
		url("/assets/fonts/OpenSans-Light.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("/assets/fonts/OpenSans-Light.woff") format("woff"),
		/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
			url("/assets/fonts/OpenSans-Light.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-300italic - latin */
@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 300;
	src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"),
		url("/assets/fonts/OpenSans-Light-Italic.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("/assets/fonts/OpenSans-Light-Italic.woff") format("woff"),
		/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
			url("/assets/fonts/OpenSans-Light-Italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-regular - latin */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans"), local("OpenSans"),
		url("/assets/fonts/OpenSans-Regular.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("/assets/fonts/OpenSans-Regular.woff") format("woff"),
		/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
			url("/assets/fonts/OpenSans-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-italic - latin */
@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400;
	src: local("Open Sans Italic"), local("OpenSans-Italic"),
		url("/assets/fonts/OpenSans-Italic.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("/assets/fonts/OpenSans-Italic.woff") format("woff"),
		/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
			url("/assets/fonts/OpenSans-Italic.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* open-sans-600 - latin */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	src: local("Open Sans Semibold"), local("OpenSans-Semibold"),
		url("/assets/fonts/OpenSans-Semibold.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("/assets/fonts/OpenSans-Semibold.woff") format("woff"),
		/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
			url("/assets/fonts/OpenSans-Semibold.ttf") format("truetype"); /* Safari, Android, iOS */
}