*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --x-small: 320px;
  --mall: 400px;
  --medium: 768px;
  --large: 1024px;
  --x-large: 1440px;
  --grid-breakpoints: (x-small: var(--x-small), small: var(--small), medium: var(--medium), large: var(--large), x-large: var(--x-large));
  --container-max-widths: ('x-small': 320px, 'small': 370px, 'medium': 720px, 'large': 992px, 'x-large': 1440px);
  --color-white: hsl(0, 0%, 100%);
  --color-black: hsla(0, 0%, 0%, 1);
  --color-dark-blue: hsl(212, 61%, 33%);
  --color-greeny-blue: hsla(181, 43%, 57%, 1);
  --color-blue: hsla(206, 100%, 33%, 1);
  --color-light-blue: hsla(212, 61%, 33%, 47);
  --color-grey: hsl(60, 0%, 61%);
  --color-dark-grey: hsl(0, 0%, 37%);
  --color-light-grey: hsl(0, 0%, 94%);
  --color-red: hsl(356, 85%, 57%);
  --color-orange: hsl(39, 100%, 50%);
  --color-green: hsl(141, 62%, 42%);
  --color-info: hsl(206, 53%, 85%);
  --color-status: hsl(141, 62%, 85%);
  --color-warning: hsl(39, 100%, 85%);
  --color-error: hsl(356, 85%, 85%);
  --color-light-green: hsl(144, 52%, 50%);
  --shadow: rgba(12, 56, 94, 0.15);
  --main-color: var(--color-dark-blue);
  --secondary-color: var(--color-blue);
  --text-color: var(--color-black);
  --body-background-color: var(--color-white);
  --font-family-Lato: 'Lato', sans-serif;
  --font-family-Oswald: 'Oswald', sans-serif;
  --font-family-Inter: 'Inter', sans-serif;
  --rem-base: 16px;
  --font-size-base: 1rem;
  --primary: var(--color-dark-blue);
  --primary-btn: var(--color-dark-blue);
  --primary-text: var(--color-dark-blue);
  --container-width: 1440px;
  --container-padding: 1rem;
  --grid-gutter-width: 1rem;
  --grid-columns: 12;
}

/*# sourceMappingURL=maps/main.css.map */