body {
	margin: 0;
	line-height: normal;
	background-color: var(--neutral-100);
}

:root {
	/* fonts */
	--font-poppins: Poppins;
	--body-xl: Mulish;

	/* font sizes */
	--font-size-base: 16px;
	--body-xl-size: 28px;

	/* Colors */
	--neutral-white: #fff;
	--primary-100: #eaf1fb;
	--neutral-900: #121417;
	--neutral-100: #f8f9fb;
	--primary-300: #2c64ed;

	/* Gaps */
	--gap-5xs: 8px;

	/* Paddings */
	--padding-5xl: 24px;
	--padding-181xl: 200px;
	--padding-81xl: 100px;
	--padding-31xl: 50px;
	--padding-base: 16px;
	--padding-2xl: 21px;
	--padding-xl: 20px;

	/* Border radiuses */
	--br-xl: 20px;
	--br-81xl: 100px;
}