@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,300");
/* Box Shadows */
/* Fonts */
:root {
  --transition-super-fast: 100ms;
  --transition-fast: 200ms;
  --transition-normal: 300ms;
  --transition-slow: 500ms;
  /* Fonts */
  --font-family: Open Sans, sans-serif;
  --font-size-xxs: 0.5rem;
  --font-size-xs: 0.625rem;
  --font-size-small: 0.75rem;
  --font-size-medium: 0.875rem;
  --font-size-large: 1rem;
  --font-size-xl: 1.125rem;
  --font-size-xxl: 1.25rem;
  --font-weight-xxs: 300;
  --font-weight-xs: 400;
  --font-weight-sm: 500;
  --font-weight-md: 600;
  --font-weight-lg: 700;
  --box-shadow-md: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
  --box-shadow-lg: 1px 2px 6px 1px rgba(0, 0, 0, 0.3);
}
/* Box Shadow Variables */
/* Font Variables */
body {
  font-family: var(--font-family, Open Sans, sans-serif);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}