body {
    margin: 0;
    line-height: normal;
    width:100%;
}

:root {
    /* fonts */
    --font-montserrat: Montserrat;
    --font-bebas-neue: "Bebas Neue";
    --font-inter: Inter;
    /* font sizes */
    --font-size-3xl: 22px;
    --font-size-lg: 18px;
    --font-size-5xl: 24px;
    --font-size-base: 16px;
    --font-size-xl: 20px;
    --font-size-sm: 14px;
    --font-size-9xl: 28px;
    --font-size-21xl: 40px;
    --font-size-69xl: 88px;
    --font-size-53xl: 72px;
    --font-size-13xl: 32px;
    /* Colors */
    --color-whitesmoke-100: #f9f9f9;
    --color-whitesmoke-200: #f4f6f6;
    --color-whitesmoke-300: rgba(244, 246, 246, 0.6);
    --color-whitesmoke-400: rgba(244, 246, 246, 0.3);
    --color-darkorange: #fb8500;
    --color-blueviolet: #8338ec;
    --color-darkgray-100: #a1a1a1;
    --color-darkgray-200: #979797;
    --color-dimgray: #717171;
    --color-gray-100: #242423;
    --color-silver: #bebebe;
    --color-gainsboro: #d9d9d9;
    --color-white: #fff;
    --color-black: #000;
    --color-midnightblue: #23054d;
    --color-darkslategray: #4b4b4b;
    --color-thistle: #e2d1f9;
    /* Gaps */
    --gap-base: 16px;
    /* Border radiuses */
    --br-xs: 12px;
    --br-base: 16px;
    --br-5xl: 24px;
    --br-981xl: 1000px;
}