@font-face {
    font-family: "cera-pro";
    src: url("Cera-Pro-Medium-Italic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "cera-pro";
    src: url("Cera-Pro-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "cera-pro";
    src: url("Cera-Pro-Regular-Italic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "cera-pro";
    src: url("Cera-Pro-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.cera-pro {
    font-family: "cera-pro";
}

#main {
    font-family: "cera-pro";
}