@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProBlack.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProBlack.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProBlack.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProBlackItalic.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProBlackItalic.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProBlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProBold.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProBold.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProBoldItalic.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProBoldItalic.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProBoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProLight.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProLight.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProLight.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProLightItalic.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProLightItalic.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProLightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProMedium.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProMedium.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProMedium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProMediumItalic.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProMediumItalic.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProMediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProRegular.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProRegular.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProRegular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProRegularItalic.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProRegularItalic.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProRegularItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProThin.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProThin.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProThin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Cera';
    src: url("fonts/cera/TypeMates-CeraProThinItalic.otf") format("otf");
    src: url("fonts/cera/TypeMates-CeraProThinItalic.ttf") format("ttf");
    src: url("fonts/cera/TypeMates-CeraProThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'password';
    src: url("fonts/password/Typeface-password.otf") format("otf");
    src: url("fonts/password/Typeface-password.ttf") format("ttf");
    src: url("fonts/password/Typeface-password.woff") format("woff");
}