* {
--almost_black:#171E22;

--dark_back: #2A343E;
--dark_back_dark: #2A343E;
--dark_back_light: #5D7389;
--dark_text: #D9DEE5;

--light_back: #DFE5E9;
--light_back_dark: #BDCBD4;
--light_back_light: #A8B8C3;
--light_text: #5D7389;

--highlight_default: #171E22;
--highlight_purple: #7500E5;
--highlight_pink: #C245A5;
--highlight_blue: #2A8EC7;
--highlight_yellow: #D9CA63;
--highlight_green: #8ADE6E;
--highlight_aqua: #23D3BB;
--highlight_red: #CF5360;
--highlight_brown: #997946;
--highlight_grey: #8D8D8D;
--highlight_orange: #CC8E1F;
--highlight_violet: #444EA8;

--highlight_icon_dark: #DFE5E9;
--highlight_icon_light: #212A31;
}

@font-face {
    font-family: 'Hanken';
    src: url('../fonts/HankenGrotesk-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken';
    src: url('../fonts/HankenGrotesk-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken';
    src: url('../fonts/HankenGrotesk-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken';
    src: url('../fonts/HankenGrotesk-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Momo';
    src: url('../fonts/MomoTrustDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

h1 {
    font-size: 48px;
    font-family: 'Momo', sans-serif;
    line-height:.9;
}

h2 {
    font-size: 36px;
    font-family: 'Momo', sans-serif;
    line-height:.9;
}

h3 {
    font-size: 24px;
    font-family: 'Momo', sans-serif;
    line-height:.9;
}