body {
  margin: 0;
  line-height: normal;
}
@font-face {
    font-family: 'space_boards_demoregular';
    src: url('../fonts/spaceboardsdemo-8myrb-webfont.eot');
    src: url('../fonts/spaceboardsdemo-8myrb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/spaceboardsdemo-8myrb-webfont.woff2') format('woff2'),
         url('../fonts/spaceboardsdemo-8myrb-webfont.woff') format('woff'),
         url('../fonts/spaceboardsdemo-8myrb-webfont.ttf') format('truetype'),
         url('../fonts/spaceboardsdemo-8myrb-webfont.svg#space_boards_demoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

:root {
    /* fonts */
    --font-roboto: Roboto;
    --font-poppins: Poppins;
    --font-gotham: Gotham;
    --font-space-boards-demo: "space_boards_demoregular";
    /* font sizes */
    --font-size-xl: 20px;
    --font-size-mini: 15px;
    --font-size-5xl: 24px;
    --font-size-sm: 14px;
    --font-size-4xs: 9px;
    --font-size-mid: 17px;
    --font-size-2xs: 11px;
    --font-size-lg: 18px;
    --font-size-11xl: 30px;
    --font-size-base: 16px;
    --font-size-xs: 12px;
    --font-size-4xl: 23px;
    --font-size-3xs: 10px;
    --font-size-7xl: 26px;
    --font-size-32xl: 51px;
    --font-size-lgi: 19px;
    --font-size-10xl: 29px;
    --font-size-30xl: 49px;
    --font-size-19xl: 38px;
    --font-size-9xl: 28px;
    --font-size-2xl: 21px;
    /* Colors */
    --color-white: #fff;
    --color-black: #000;
    --color-indigo: #560093;
    --color-gray-300: #949494;
    --color-gray-400: #8b8b8b;
    --color-gray-500: #878787;
    --color-gray-100: #818181;
    --color-gray-600: #808080;
    --color-gray-200: #232323;
    --color-dimgray-200: #707070;
    --color-dimgray-100: #5a5a5a;
    --color-gainsboro-100: #e6e6e6;
    --color-lavender: #e6d9ef;
    --color-red: #d9534f;

    /* border radiuses */
    --br-mini: 15px;
    --br-8xl: 27px;
    --br-6xs: 7px;
    --br-4xs: 9px;
    --br-4xl: 23px;
    --br-2xl: 21px;
    --br-xl: 20px;
    --br-5xl: 24px;
    --br-9xl: 28px;
    --br-3xl: 22px;
    --br-74xl: 93px;
}
