body {
  	margin: 0;
  	line-height: normal;
}


:root {
  	
  	/* Color */
  	--color-crimson-200: #e52e4c;
  	--color-darkslategray: #3d3d3d;
  	--color-snow: #fffafa;
  	--color-gray-100: #fafafa;
  	--color-gray-200: #111;
  	--color-dimgray: #6d6d6d;
  	--color-whitesmoke-100: #f9f9f9;
  	--color-crimson-100: #ff3347;
  	--color-gray-400: rgba(255, 255, 255, 0.7);
  	--color-gray-300: rgba(255, 255, 255, 0.1);
  	--color-white: #fff;
  	--color-whitesmoke-200: #f6f6f6;
  	--color-gainsboro: #e7e7e7;
  	--color-lightgray: #d3d3d3;
  	
  	/* Gap */
  	--gap-8: 8px;
  	--gap-24: 24px;
  	
  	/* Padding */
  	--padding-8: 8px;
  	--padding-16: 16px;
  	--padding-24: 24px;
  	--padding-48: 48px;
  	--padding-60: 60px;
  	
  	/* BorderRadius */
  	--br-2: 2px;
  	--br-8: 8px;
  	--br-16: 16px;
  	--br-20: 20px;
  	--br-32: 32px;
  	
  	/* Font */
  	--font-rubik: Rubik;
  	--font-roboto: Roboto;
  	
  	/* FontSize */
  	--font-size-12: 12px;
  	--font-size-14: 14px;
  	--font-size-16: 16px;
  	
}