@font-face {
    font-family: 'outfit';
    src: url('./fonts/Outfit-Thin.ttf') format("truetype");
    font-weight: lighter;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

@font-face {
    font-family: 'outfit';
    src: url('./fonts/Outfit-ExtraLight.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

@font-face {
    font-family: 'remix';
    src: url('./fonts/remixicon.woff2') format("opentype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

.remix {
    font-family: remix !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

h1, .h1 {
    font-size: var(--fontTitle);
    line-height: var(--lineHeight);
    font-weight: 100;
}

h2,
li {
    font-size: var(--fontSmall);
    line-height: var(--lineHeight);
}

p {
    font-size: var(--fontText);
    line-height: var(--lineHeight);
}