@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-variablefont_slnt,wght.ttf') format('truetype'), url('fonts/inter-variablefont_slnt,wght.ttf') format('truetype');
}

.font-normal {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.font-400-14 {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.font-400-24 {
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.font-500-14 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}

.font-500-20 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
}

.font-600-14 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}

.font-700-16 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}

.font-700-24 {
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-700-14 {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.font-big {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
}

.font-label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

.font-grey {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #A7A7A7;
}

.font-thin {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}