/* Root CSS */
			
			:root {
				
				/*--myfont: 'Josefin Sans', sans-serif;*/
				--myfont: 'Oswald', sans-serif;

				--color1: #FFFFFF;
				--color2: #e4e7ef; /* RGB 228 231 239  */
				--color3: #c4d1de;
				--color4: #a0bdca;
				--color5: #7ba9b2;
				--color6: #689aa2;
				--color7: #558b91;
				--color8: #427d81; /* RGB 66 125 129  */
				--color9: #3b6f79;
				--color10: #36626f;
				--color11: #325564;
				--color12: #2f4858;

				--contrast1: #132e3d;
				
				--alt-background-color: #689aa2;
				--background-color: var(--color1);
				--background-image: linear-gradient(to bottom, var(--color1), var(--color2));
				
				--body-font-color: var(--contrast1);
				--anchor-color: var(--contrast1);
				
				--header-font-color: var(--contrast1);
				--header2-font-color: #000000;
				--header3-font-color: #000000;
				
				--titlebox-background-color: #FFFFFF;
				--titlebox-background-image: linear-gradient(to bottom right, var(--background-color), var(--alt-background-color));
				--titlebox-font-color: #000000;
				
				--highlightbox-background-color: #505050;
				--highlightbox-background-image: linear-gradient(to top left, #505050, #505050);
				--highlightbox-font-color: #000000;
				
				--alertbox-background-color: #FFFF00;
				--alertbox-background-image: linear-gradient(to top left, #FFFF00, #FFFF00);
				--alertbox-font-color: #FF0000;
				
				--bookbox-background-color: #505050;
				--bookbox-background-image: linear-gradient(to top left, #505050, #505050);
				--bookbox-font-color: #000000;
				
				--greybox-background-color: #505050;
				--greybox-font-color: #000000;
				
				--bluebox-background-color: #505050;
				--bluebox-font-color: #000000;
				
				--infobox-background-color: #505050;
				--infobox-font-color: #000000;
				
				--errorbox-background-color: #505050;
				--errorbox-font-color: #000000;
				
				--yellowbox-background-color: #505050;
				--yellowbox-font-color: #000000;
				

			}