@font-face {
    font-family: "Euclid Flex";
    font-style: italic;
    font-weight: 200;
    src: url("Euclid%20Flex-italic-200.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: italic;
    font-weight: 300;
    src: url("Euclid%20Flex-italic-300.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: italic;
    font-weight: 500;
    src: url("Euclid%20Flex-italic-500.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: italic;
    font-weight: bold;
    src: url("Euclid%20Flex-italic-bold.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: italic;
    font-weight: normal;
    src: url("Euclid%20Flex-italic-normal.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: normal;
    font-weight: 200;
    src: url("Euclid%20Flex-normal-200.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: normal;
    font-weight: 300;
    src: url("Euclid%20Flex-normal-300.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: normal;
    font-weight: 500;
    src: url("Euclid%20Flex-normal-500.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: normal;
    font-weight: bold;
    src: url("Euclid%20Flex-normal-bold.otf") format("opentype");
}

@font-face {
    font-family: "Euclid Flex";
    font-style: normal;
    font-weight: normal;
    src: url("Euclid%20Flex-normal-normal.otf") format("opentype");
}