body {
  	margin: 0;
  	line-height: normal;
}
a{
	text-decoration: none;
}

:root {
  	
  	/* Fonts */
  	--font-poppins: Poppins;
  	--font-roboto: Roboto;
  	--font-inter: Inter;
  	
  	/* font sizes */
  	--font-size-sm: 0.875rem;
  	--font-size-base: 1rem;
  	--font-size-xl: 1.25rem;
  	--font-size-3xl: 1.375rem;
  	--font-size-5xl: 1.5rem;
  	--font-size-7xl: 1.625rem;
  	--font-size-45xl: 4rem;
  	
  	/* Colors */
  	--color-black: #000;
  	--color-blueviolet-100: #6936d8;
  	--color-darkslategray-100: #49454f;
  	--color-darkslategray-200: #40444a;
  	--color-gainsboro: #d7d9db;
  	--color-ghostwhite: #faf5ff;
  	--color-gray-100: #888a8d;
  	--color-gray-200: #171a1d;
  	--color-gray-300: rgba(255, 255, 255, 0);
  	--color-lavender-100: #e9ddff;
  	--color-lavender-200: #dde2ff;
  	--color-white: #fff;
  	
  	/* Gaps */
  	--gap-8xl: 1.687rem;
  	
  	/* Paddings */
  	--padding-3xs: 0.625rem;
  	--padding-7xl: 1.625rem;
  	--padding-34xl: 3.312rem;
  	
  	/* Border radiuses */
  	--br-8xs: 5px;
  	--br-7xs: 6px;
  	--br-5xs: 8px;
  	--br-3xs: 10px;
  	--br-mini: 15px;
  	--br-6xl: 25px;
  	--br-31xl: 50px;
  	
  	/* Figma Variables */
  	
  	/* Color Variables */
  	--cold-grey-40: #9a9ea5;
  	--cold-grey-60: #696c73;
  	
  	/* Number Variables */
  	--body-medium-tracking: 0.015rem;
  	--display-large-line-height: 4rem;
  	
}