@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito:ital,wght@0,200;0,400;0,800;1,200;1,400;1,700&display=swap');

:root {
    --header-size: 80px;
    --main-content-size: 1200px;
    --spacing: 16px;
    --spacing-2x: 32px;
  
    /* colors */
    --primary-100: #ffe7e7;
    --primary-200: #fbcbff;
    --primary-300: #dca3ff;
    --primary-400: #841dec;
    --primary-500: #5d07ca;
    --primary-dark: #2d0460;
  
    --primary-text: rgb(10, 9, 24);
    --secondary-text: rgb(47, 54, 68);
    --hint-text: rgba(43, 40, 61, 0.5);
  
    --primary-text-light: rgba(255, 255, 255, 1);
    --secondary-text-light: rgba(255, 255, 255, 0.8);
    --hint-text-light: rgba(255, 255, 255, 0.6);
  
    --seperator-color: rgba(30, 0, 40, 0.08);
  
    --secondary-100: #bfffd1;
    --secondary-200: #18ec86;
    --secondary-dark: #157c64;
  
    --grey-100: #e7edf0;
    --grey-200: #cfdcdb;
    --grey-300: #bac8c8;
    --grey-400: #80838b;
    --grey-500: #555369;
    --grey-600: #2b283d;
  }

  body {
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    color: var(--primary-text);
  }

  h1 {
    font-weight: 700;
  }