:root{
	--color1: #dd1818;
	--color2: #E6E1C8;
	--color3: #ffffff;
	--color4: #555555;
	--color5: #1d1d1b;
	--color-b: #000;

	--main-border: 1px solid #dadada;
	--border2: 1px solid #ffffff;
	--border3: 1px solid #19195A;
	--border4: 1px solid #ff1414;

	--ff1: "Quarto";
	--ff2: "Poppins";
	--ff3: "Merriweather";

	--small: 8px;
	--medium: 12px;
	--large: 16px;
	--xlarge: 20px;
	--xxlarge: 24px;
	--xxxlarge: 28px;
	--xxxxlarge: 46px;

	--font-xsmall: 0.65em;
	--font-small: 0.8em;
	--font-medium: 1em;
	--font-large: 1.5em;
	--font-xlarge: 2em;
	--font-xxlarge: 3em;
}