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

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

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

	/* Random Stylings */
	--transparent-bg-dark: rgba(0,0,0,calc(1 / 3));
}

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

		--footer-height: 2rem;

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