/* Figma Styles of your File */
:root {
  /* Colors */
  --main-red: #e3646e;
  --main-purple: #bb72e9;
  --main-blue: #3996db;
  --main-green: #82bc4f;
  --main-yellow: #eabd5f;
  --base-gray-100: #0d0e11;
  --base-gray-200: #16181d;
  --base-gray-300: #292c34;
  --base-gray-400: #878ea1;
  --base-gray-500: #c0c4ce;
  --base-gray-600: #e2e4e9;

  /* Fonts */
  --title-lg-font-family: Asap-Bold, sans-serif;
  --title-lg-font-size: 56px;
  --title-lg-line-height: 120%;
  --title-lg-font-weight: 700;
  --title-lg-font-style: normal;
  --title-md-font-family: Asap-Bold, sans-serif;
  --title-md-font-size: 24px;
  --title-md-line-height: 120%;
  --title-md-font-weight: 700;
  --title-md-font-style: normal;
  --title-sm-font-family: Asap-Bold, sans-serif;
  --title-sm-font-size: 16px;
  --title-sm-line-height: 120%;
  --title-sm-font-weight: 700;
  --title-sm-font-style: normal;
  --subtitle-font-family: Inconsolata-Regular, sans-serif;
  --subtitle-font-size: 20px;
  --subtitle-line-height: 120%;
  --subtitle-font-weight: 400;
  --subtitle-font-style: normal;
  --text-md-font-family: MavenPro-Regular, sans-serif;
  --text-md-font-size: 16px;
  --text-md-line-height: 140%;
  --text-md-font-weight: 400;
  --text-md-font-style: normal;
  --text-sm-font-family: MavenPro-Regular, sans-serif;
  --text-sm-font-size: 14px;
  --text-sm-line-height: 140%;
  --text-sm-font-weight: 400;
  --text-sm-font-style: normal;
  --tag-md-font-family: Inconsolata-Bold, sans-serif;
  --tag-md-font-size: 16px;
  --tag-md-line-height: 120%;
  --tag-md-font-weight: 700;
  --tag-md-font-style: normal;
  --tag-sm-font-family: Inconsolata-Bold, sans-serif;
  --tag-sm-font-size: 12px;
  --tag-sm-line-height: 120%;
  --tag-sm-font-weight: 700;
  --tag-sm-font-style: normal;

  /* Effects */

  
  --screen-sm-min:768px;
  --screen-md-min: 992px;
  --screen-lg-min: 1200px;
}