:root {
    --primary-new2-3:#005172;

    --font-size-s: 14px;
    --font-size-base: 16px;

    --line-height-m: 24px;

    --space-none: 0px;
    --space-s: 8px;
    --space-base: 16px;
    --space-base1: 20px;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.ttf") format("truetype"); 
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.ttf") format("truetype"); 
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype"); 
    font-style: normal;
    font-weight: 400;
}

body {
    font-size: var(--font-size-base);
    line-height: var(--line-height-m);
    font-family: "Roboto";
    color: var(--primary-new2-3);
    margin: var(--space-s);
}

h1, h2 {
    line-height: 1.5;
}

h1 {
    font-size: var(--font-size-base);
}

h2 {
    font-size: var(--font-size-s);
}

ul {
    margin: var(--space-none);
    padding: var(--space-none);
}

li {
    padding: var(--space-s) var(--space-none);
    list-style: none;
}

td {
    line-height: var(--line-height-m);
}