/*
  Global App CSS
  ----------------------
  Use this file for styles that should be applied to all components.
  For example, "font-family" within the "body" selector is a CSS property
  most apps will want applied to all components.

  Any global CSS variables should also be applied here.
*/
/*
Palette:
 https://www.colourlovers.com/palette/794774/be_here_for_me
 */
:root {
  --colour-primary: #3E7AA2;  /* blue */
  --colour-secondary: #BEDBEB;  /* lighter blue */
  --colour-secondary-opposite; #333333;  /* dark gray */
  --colour-complementary: #e59200;  /* gold */
}

body {
  margin: 0px;
  padding: 0px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}