@font-face {
    font-family: 'Ethnocentric';
    src: url('../fonts/Ethnocentric%20Rg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ethnocentric {
    font-family: 'Ethnocentric', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    text-shadow: 0 0 0.5px currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* More specific selector for MudBlazor components */
.mud-typography.ethnocentric,
.mud-text.ethnocentric {
    font-family: 'Ethnocentric', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300 !important;
}