/* Reem Kufi */
@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400;600&display=swap');
/* Inter */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap");
/* Roboto */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
/* Mandatory Plaything */

@font-face {
    font-family: 'Mandatory Plaything';
    src: url('./mandatoryplaything/MandatoryPlaything.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
}

/* Work Sans */

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-ExtraBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-ExtraBoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 800;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-ExtraLight.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-ExtraLightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 500;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'WorkSans';
    src: url('./worksans/WorkSans-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 100;
}