/* Variables */
:root {
  /* Colors */
  --primary: #127AD0;
  --primary-dark: #002e6d;
  --primary-light: #C2E1FF;
  --primary-lighter: #dfe9f3;
  --secondary: #127AD0;
  --secondary-dark: #1C5F97;
  --accent-1: #d8315b;
  --accent-2: #6E6F67;
  --light: #fff;
  --dark: #191a20;
  --gray: #ccc;
  --bkg:#f8f9fa;
  /* Fonts */
  --header: "Host Grotesk", sans-serif;
  --body: "Roboto", sans-serif;
  --text-color: rgba(0,0,0,.75);
  --text-color-inverse: rgba(255,255,255,.85);
  /* Globals */
  --transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --box-shadow-sm: 0 0 15px rgba(0,0,0,.1);
  --box-shadow-lg: 0 35px 45px rgba(11,11,11,.10);
  --shadow: 0 5px 25px rgba(255,161,0,.15);
  --border-radius-xl: 250px;
  --border-radius-lg: 25px;
  --border-radius-sm: 10px;
  --button-radius: 3px;
  --border-shape: 50% 6px 50% 50% ;
  /* Spacing */
  --max-width:800px;
}

body {
  background: var(--bkg);
}

.max-width {
  max-width: var(--max-width);
  margin: 0 auto;
  text-align: center;
}/*# sourceMappingURL=theme.min.css.map */