@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
/*font-family: 'Source Sans Pro', sans-serif;*/




:root {
	/* Base Theme Colors */
	--color-blue-green: #1abc9c;
	--color-deep-navy-blue: #003366;
	--color-reddish-orange: #ee6031;

	/* Change Theme Colors */
	--theme-color: var(--color-deep-navy-blue);

	/* Base Colors */	
	--color-light-gray: #f2f3f8;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-red: #ff0000;
	--color-gray: #d5d5d5;
	--color-gray-light: #d8d8d8;	
	--color-dark-gray: #666666;
	--color-black-transparent: rgba(0, 0, 0, 0.6);
	--color-white-transparent: rgba(255, 255, 255, 0.9);
	--color-light-yellow: rgb(246, 224, 77);
	--color-red-salmon: rgb(248, 97, 90);
	--color-sky-blue: #5abee8;
	--color-bright-sky-blue: rgba(0, 176, 255, 1);
	--color-golden-yellow: #efbd49;
	--color-orange: #ff6c23;
	--color-yellow-green: #95bb04;
	--color-lime-green:rgba(68, 193, 55, 1); 
	--color-dark-red: #e30a12;
	--color-dark-pink: rgba(175, 65, 120, 1);
	
	
	/* Change Text Colors */
	--text-primary: var(--theme-color);
	--text-secondary: var(--color-blue-green);
	--text-tertiary: var(--color-light-gray);
	--text-black: var(--color-black);
	--text-white: var(--color-white);
	--text-red: var(--color-red);
	--text-gray: var(--color-gray-light);

	/* Change Background Colors */
	--bg-primary: var(--theme-color);
	--bg-secondary: var(--color-blue-green);
	--bg-tertiary: var(--color-light-gray);
	--bg-light-black: var(--color-dark-gray);
	--bg-black: var(--color-black);
	--bg-black-transparent: var(--color-black-transparent);
	--bg-white-transparent: var(--color-white-transparent);
	--bg-white: var(--color-white);
	--bg-red: var(--color-red);
	--bg-gray: var(--color-gray);
	--bg-light-yellow: var(--color-light-yellow);
	--bg-light-gray: var(--color-light-gray);
		
	
	--font-body: 'Source Sans Pro', sans-serif;
	--font-family-h1: 'Source Sans Pro', sans-serif;
	--font-family-h2: 'Source Sans Pro', sans-serif;
	--font-family-h3: 'Source Sans Pro', sans-serif;
	--font-family-h4: 'Source Sans Pro', sans-serif;
	--font-family-h5: 'Source Sans Pro', sans-serif;
	--font-family-h6: 'Source Sans Pro', sans-serif;
		
		
	--body-font-size: 16px;
	
	--h1-font-size: 42px;
	--h2-font-size: 40px;
	--h3-font-size: 30px;
	--h4-font-size: 25px;
	--h5-font-size: 20px;
	--h6-font-size: 18px;
}


*,
*::before,
*::after {
	box-sizing: border-box;
	margin:0px;
	padding:0px;
}