/* set up variables for whole site use */

/* colors */
:root {
  --black: #000;
  --grey-5: #0d0d0d;
  --grey-10: #1a1a1a;
  --grey-15: #262626;
  --grey-20: #333;
  --grey-30: #4d4d4d;
  --grey-40: #666;
  --grey-50: #808080;
  --grey-60: #999;
  --grey-70: #b3b3b3;
  --grey-80: #ccc;
  --grey-90: #e6e6e6;
  --grey-95: #f2f2f2;
  --white: #fff;
  --blue-standard: #3131ff;
  --blue-light: #5692ff;
  --blue-ultralight: #eef;
  --blue-bg-light: #3170ff3b;
  --blue-bg-dark: #5cb4ff8a;
  --box-shadow-black-10: rgba(0, 0, 0, 0.1);
  --box-shadow-black-20: rgba(0, 0, 0, 0.2);
  --box-shadow-black-35: rgba(0, 0, 0, 0.35);
  --box-shadow-black-50: rgba(0, 0, 0, 0.5);
  --box-shadow-black-60: rgba(0, 0, 0, 0.6);
  --box-shadow-blue-15: rgba(50, 50, 255, 0.15);
  --box-shadow-blue-60: rgba(50, 50, 255, 0.6);
  --box-shadow-red-60: rgba(255, 50, 50, 0.6);
  --font-avatar: "Azeret Mono", monospace;
  --font-main-title: Comfortaa, Arial, Helvetica, sans-serif;
  --font-primary: Ubuntu, Arial, Helvetica, sans-serif;
  --font-secondary: Abel, Arial, Helvetica, sans-serif;
  --font-timedisplay: "Varela Round", Lato, monospace;
}