/* primary font */
.display-font {
/* // <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name */
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.section-font {
/* // <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name */
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 3rem!important;
}

.hero-font {
    font-family: "Outfit", sans-serif;    
    font-optical-sizing: auto;
    font-weight: 800; /* Extra Bold */
}

.light-font {
    font-family: "Roboto Flex", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "wdth" 100,
        "GRAD" 0,
        "XOPQ" 88,
        "XTRA" 400,
        "YOPQ" 116,
        "YTAS" 750,
        "YTDE" -250,
        "YTFI" 600,
        "YTLC" 500,
        "YTUC" 725;
}

.semi-light-font {
    font-family: "Roboto Flex", sans-serif;
    font-optical-sizing: auto;
    font-weight: 350;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "wdth" 100,
        "GRAD" 0,
        "XOPQ" 88,
        "XTRA" 400,
        "YOPQ" 116,
        "YTAS" 750,
        "YTDE" -250,
        "YTFI" 600,
        "YTLC" 500,
        "YTUC" 725;
}