@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("open-sans/open-sans-light.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("open-sans/open-sans.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("open-sans/open-sans-bold.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url("open-sans/open-sans-light-italic.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url("open-sans/open-sans-italic.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("open-sans/open-sans-bold-italic.ttf") format("truetype");
}

@font-face {
    font-family: "Playfair Display";
    font-display: swap;
    src: url("PlayfairDisplay.ttf") format("truetype"),
}