@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

/*# sourceMappingURL=style.css.map */
// colors
$colorPrimary: #1b9bff;
$colorSecondary: rgb(208, 2, 27);

// header
$headerHeight: 70px;

// break point list
$breakPoints: "xs", "sm", "md", "lg", "xl";
$breakPointValues: 600px, 960px, 1280px, 1920px;
$breakPointPairs: (
  "sm": 37.5em,
  //600px,
    "md": 60em,
  // 960px,
    "lg": 80em,
  // 1280px,
    "xl": 120em // 1920px,,,,,,,,,,,,,,
);
$breakPointXs: 600px;
$breakPointSm: 960px;
$breakPointMd: 1280px;
$breakPointLg: 1920px;

// icon button
$iconBtnSmall: 35px;
$iconBtnMedium: 40px;
$iconBtnLarge: 45px;

.primary {
  background-color: $colorPrimary;
  color: white;
}

// font size for the text field
$textFieldFontSize: 1.2rem;