@import "font.css";
@import "header.css";
@import "footer.css";

:root{
	--theme-font-family: 'Roboto';
	--theme-font-size: 20px;
	--theme-font-color: #000;
}

*{
	margin:0; padding:0;
	list-style: none;
	font-family: var(--theme-font-family);
	font-weight: normal;
	font-size: var(--theme-font-size);
	outline: none;
	color:var(--theme-font-color);
}

a{text-decoration: none;color:var(--theme-font-color);}

body {background-color: var(--theme-background-color);}

section{ margin-top: calc(calc(var(--header-height) + calc(var(--header-padding) * 2)) + var(--theme-section-margin-top)); }

@media screen and (max-width: 690px) {
	:root{
		--theme-font-size: 15px;
	}
}