/* Define the Vilane font family */
@font-face {
    font-family: 'Vilane';
    src: url('/fonts/vilane/Vilane Regular.ttf') format('truetype');
    font-weight: normal;
    /* This is the default (Regular) */
}

@font-face {
    font-family: 'Vilane';
    src: url('/fonts/vilane/Vilane Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Vilane';
    src: url('/fonts/vilane/Vilane Extra Light.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Vilane';
    src: url('/fonts/vilane/Vilane Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Vilane';
    src: url('/fonts/vilane/Vilane Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Vilane';
    src: url('/fonts/vilane/Vilane Semi Bold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Vilane';
    src: url('/fonts/vilane/Vilane Bold.ttf') format('truetype');
    font-weight: 700;
}

/* Apply the font to elements with specific weights */
.font-vilane {
    font-family: 'Vilane', sans-serif;
    font-weight: 500;
    /* Medium weight */
}