@import "https://fonts.googleapis.com/css?family=Material+Symbols+Outlined:200|Lato:400,700&display=swap";

/* src/styles.css */
:root {
  --color-primary-lighter: #f2fbfb;
  --color-primary-light: #4fb3cf;
  --color-primary: #26788f;
  --color-primary-dark: #184d5a;
  --color-primary-darker: #032533;
  --color-gray-lighter: #f5f5f5;
  --color-gray-light: #e0e0e0;
  --color-gray: #bebebe;
  --color-gray-dark: #8a8a8a;
  --color-gray-darker: #111;
  --color-white: #fff;
  --color-black: #000;
  --border: var(--border-width) solid var(--border-color);
  --border-color: var(--color-gray-light);
  --border-width: 1px;
  --border-radius: 5px;
  --font-family: "Lato", sans-serif;
  --font-size-xxs: 0.6rem;
  --font-size-xs: 0.75rem;
  --font-size-s: 0.875rem;
  --font-size-m: 16px;
  --font-size-l: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-xxl: 2rem;
  --font-size-xxxl: 3rem;
  --font-size-hero: 4rem;
  --spacing-xxxs: 0.25rem;
  --spacing-xxs: 0.5rem;
  --spacing-xs: 0.75rem;
  --spacing-s: 1rem;
  --spacing-m: 1.25rem;
  --spacing-l: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 4rem;
  --z: 1;
  --z-top: 2;
  --z-max: 999;
  --box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  --breakpoint-max-mobile: 768px;
  --breakpoint-max-tablet: 1024px;
}
body {
  margin: 0;
  color: var(--color-gray-darker);
  font-size: var(--font-size-m);
  font-family: var(--font-family);
  height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */