/* Nocturnal Thin (100) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-Thin.ttf') format('truetype');
    font-weight: 100; /* Thin */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal Thin Oblique (100) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-ThinOblique.ttf') format('truetype');
    font-weight: 100; /* Thin */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal ExtraLight (200) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-ExtraLight.ttf') format('truetype');
    font-weight: 200; /* ExtraLight */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal ExtraLight Oblique (200) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-ExtraLightOblique.ttf') format('truetype');
    font-weight: 200; /* ExtraLight */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal Light (300) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-Light.ttf') format('truetype');
    font-weight: 300; /* Light */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal Light Oblique (300) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-LightOblique.ttf') format('truetype');
    font-weight: 300; /* Light */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal Regular (400) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-Regular.ttf') format('truetype');
    font-weight: 400; /* Regular */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal Oblique (400) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-Oblique.ttf') format('truetype');
    font-weight: 400; /* Regular */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal Medium (500) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-Medium.ttf') format('truetype');
    font-weight: 500; /* Medium */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal Medium Oblique (500) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-MediumOblique.ttf') format('truetype');
    font-weight: 500; /* Medium */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal SemiBold (600) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-SemiBold.ttf') format('truetype');
    font-weight: 600; /* SemiBold */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal SemiBold Oblique (600) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-SemiBoldOblique.ttf') format('truetype');
    font-weight: 600; /* SemiBold */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal Bold (700) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal Bold Oblique (700) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-BoldOblique.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal ExtraBold (800) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* ExtraBold */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal ExtraBold Oblique (800) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-ExtraBoldOblique.ttf') format('truetype');
    font-weight: 800; /* ExtraBold */
    font-style: oblique;
    font-display: swap;
}

/* Nocturnal Black (900) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-Black.ttf') format('truetype');
    font-weight: 900; /* Black */
    font-style: normal;
    font-display: swap;
}

/* Nocturnal Black Oblique (900) */
@font-face {
    font-family: 'nocturnal';
    src: url('../fonts/nocturnal/Nocturnal-BlackOblique.ttf') format('truetype');
    font-weight: 900; /* Black */
    font-style: oblique;
    font-display: swap;
}