@font-face {
    font-family: "Roboto";
    src: url("./fonts/Roboto-Thin.ttf");
    font-weight: 100;
}

@font-face {
    font-family: "Roboto";
    src: url("./fonts/Roboto-Light.ttf");
    font-weight: 300;
}

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

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

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

@font-face {
    font-family: "Roboto-Condensed";
    src: url("./fonts/RobotoCondensed-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Roboto-Condensed";
    src: url("./fonts/RobotoCondensed-Bold.ttf");
    font-weight: 700;
}

* {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--neutral-670);
    background-color: var(--neutral-50);
}

hr {
    background-color: var(--neutral-65);
    width: 100%;
    height: 1px;
}

progress {
    accent-color: var(--primary-200);
}