:root {
  /* Common Colors */
  --darkgrey: #2a3136;
  --greylight: #bcbcbc;
  --white: #fff;
  --tealblue: #0b698e;
  --arrowcolor: var(--tealblue);
  --borderwhite: var(--white);
  --bordergrey: var(--greylight);
  --countcolor: var(--tealblue);
  --primary: var(--darkgrey);
  /* Font properties */
  --weight-small: 200;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  /* responsive properties */
  --screen-md: 992px;
  --screen-sm: 768px;
  --screen-sm-max: var(--screen-md) - 1;
  --screen-xs-max: var(--screen-sm) - 1;
}