/* ------------ playfair display ----------- */


@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'), url('../fonts/playfair-display/PlayfairDisplay-Regular.woff') format('woff');
}



@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    src: local('Playfair Display Medium'), url('../fonts/playfair-display/PlayfairDisplay-Medium.woff') format('woff');
}


@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 600;
    src: local('Playfair Display SemiBold'), url('../fonts/playfair-display/PlayfairDisplay-SemiBold.woff') format('woff');
}


@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'), url('../fonts/playfair-display/PlayfairDisplay-Bold.woff') format('woff');
}


@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 800;
    src: local('Playfair Display ExtraBold'), url('../fonts/playfair-display/PlayfairDisplay-ExtraBold.woff') format('woff');
}


@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 900;
    src: local('Playfair Display Black'), url('../fonts/playfair-display/PlayfairDisplay-Black.woff') format('woff');
}


/* ------------ karla ----------- */

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 100;
    src: local('Manrope'), url('../fonts/manrope/manrope-200.woff2') format('woff2');
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 300;
    src: local('Manrope'), url('../fonts/manrope/manrope-300.woff2') format('woff2');
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    src: local('Manrope'), url('../fonts/manrope/manrope-400.woff2') format('woff2');
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    src: local('Manrope'), url('../fonts/manrope/manrope-500.woff2') format('woff2');
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    src: local('Manrope'), url('../fonts/manrope/manrope-600.woff2') format('woff2');
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    src: local('Manrope'), url('../fonts/manrope/manrope-700.woff2') format('woff2');
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    src: local('Manrope'), url('../fonts/manrope/manrope-800.woff2') format('woff2');
}