@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-LightItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Spectral SC";
    src: url("./fonts/SpectralSC-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

.spectralsc {
    font-family: "Spectral SC", serif !important;
}