:root {
	/* Color theme */
	--bg-color: #080a16;
	--text-color: #e5e8f5;
	--primary-color: #9ba8d8;
	--secondary-color: #513180;
	--accent-color: #8f47b8;
    
	/* Navigation */
	--navigation-height: 4rem;
	--navigation-font-size: 1.8rem;

	/* Footer */
	--footer-height: 2.5rem;
	--footer-font-size: 1rem;

	/* Content section */
	--content-font-size: 1.5rem;
	--content-margin: 1.5rem;

	/* Random Stylings */
	--transparent-bg-dark: rgba(0,0,0,calc(1 / 3));
	
	/* Font Stack */
	--font-family: MarioFont, cursive;
}

@font-face {
	font-family: 'MarioFont';
	src: url('/data/fonts/SuperMarioScript/Super-Mario-Script-3.ttf.woff') format('woff'),
		url('/data/fonts/SuperMarioScript/Super-Mario-Script-3.ttf.svg#Super-Mario-Script-3') format('svg'),
		url('/data/fonts/SuperMarioScript/Super-Mario-Script-3.ttf.eot'),
		url('/data/fonts/SuperMarioScript/Super-Mario-Script-3.ttf.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@media screen and (max-width : 768px) {
	:root {
		--navigation-height: 2.5rem;

		--footer-height: 2rem;

		--content-font-size: 1.25rem;
		--content-margin: 0;
	}
}