

/* ==================== Roboto Flex ==================== */
@font-face {
    font-family: 'Roboto Flex';
    src: url('../fonts/roboto-flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf') format('truetype');
    font-weight: 100 1000; /* Диапазон весов, которые поддерживает шрифт */
    font-stretch: 25% 151%; /* Диапазон ширины */
    font-style: oblique 0deg 10deg; /* Диапазон наклона */
    font-display: swap;
}
.roboto-flex {
    font-family: 'Roboto Flex', sans-serif;
}
.roboto-flex-regular {
    font-family: 'Roboto Flex', sans-serif;
    font-variation-settings: 
        'wght' 430,
        'opsz' 56;
}
.roboto-flex-bold {
    font-family: 'Roboto Flex', sans-serif;
    font-variation-settings: 
        'wght' 700,
        'opsz' 144;
}


/* ==================== Roboto Serif ==================== */
@font-face {
    font-family: 'Roboto Serif';
    src: url('../fonts/roboto-serif/static/RobotoSerif-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
.font-roboto-serif-extrabold {
    font-weight: 800;
    font-family: 'Roboto Serif', serif;
}
@font-face {
    font-family: 'Roboto Serif';
    src: url('../fonts/roboto-serif/static/RobotoSerif-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
.font-roboto-serif-bold {
    font-weight: 700;
    font-family: 'Roboto Serif', serif;
}
@font-face {
    font-family: 'Roboto Serif';
    src: url('../fonts/roboto-serif/static/RobotoSerif_36pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
.font-roboto-serif-medium {
    font-weight: 500;
    font-family: 'Roboto Serif', serif;
}


/* ==================== Oranienbaum ==================== */
@font-face {
    font-family: 'Oranienbaum';
    src: url('../fonts/oranienbaum/Oranienbaum-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.oranienbaum-font {
    font-family: 'Oranienbaum', serif;
}


/* ==================== Inter ==================== */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/static/Inter_18pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.inter-semi-bold {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/static/Inter_24pt-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
.inter-semi-extralightitalic {
    font-family: 'Inter', sans-serif;
    font-weight: 200;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/static/Inter_24pt-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
.inter-semi-extralight {
    font-family: 'Inter', sans-serif;
    font-weight: 200;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/static/Inter_18pt-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
.inter_18pt-Thin {
    font-family: 'Inter', sans-serif;
    font-weight: 100;
}


/* ==================== RobotoCondensed ==================== */
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/roboto-condensed/static/RobotoCondensed-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.inter-robotoCondensed-mediumItalic {
    font-family: 'RobotoCondensed', sans-serif;
    font-weight: 500;
}


/* ==================== Roboto ==================== */
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/roboto/static/Roboto-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
.roboto-ExtraLight {
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/roboto/static/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
.roboto-Bold {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}