:root {
  --padding: 12px;
  --margin: 12px;
  --white: #fff;
  --black: #000;
  --red: #f00;
  --green: #45af45;
  --grey: #c1c1c1;
  --grey-accent-color: #eee;
  --light-grey: #F8F8F8;
  --bright-blue: #517DFD;
  --mid-blue: #3B79DD;
  --dark-blue: #2C3C4D;
  --mid-grey: #707070;
  --light-pink: #E985B5;
  --olive-yellow: #CBC24F;
  --mid-green: #68B382;
  --dark-grey: #434343;
  --off-white: #F6F9FB;
  --coral-red: #FF6653;
  --bright-red: #FF000C;
  --deep-grey: #555555;
  --light-red: #FBB9B7;
  --warm-white: #F9F7F4;
  --bright-green: #06B713;
  --box-shadow-primary: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --font-color: #000;
  --head-color: #000;
  --link-color: #45af45;
  --link-hover: #45af45;
  --primary-color: #45af45;
  --secondary-color: #f00;
  --grey-input-background: #F8F8F8;
  --input-border-color: #c1c1c1;
  --btn-color: #45af45;
  --btn-color-hover: #45af45;
  --btn-text-color: #fff;
  --btn-secondary-color: transparent;
  --btn-secondary-color-hover: #45af45;
  --btn-secondary-text-color: #fff;
  --font-base: 'Poppins', sans-serif;
  --font-heading: 'Anton', sans-serif;
  --font-weight: 400;
  --heading-weight: bold;
}