@font-face {
    font-family: space grotesk;
    src: url(../font/spacegrotesk.ttf);
}

@font-face {
    font-family: figtree;
    src: url(../font/figtree.ttf);
}

@font-face {
    font-family: lexend;
    src: url(../font/lexend.ttf);
}

@font-face {
    font-family: lexend deca;
    src: url(../font/lexenddeca.ttf);
}

@font-face {
    font-family: inter;
    src: url(../font/inter.ttf);
}

@font-face {
    font-family: merriweather;
    src: url(../font/merriweather.ttf);
}

@font-face {
    font-family: manrope;
    src: url(../font/manrope.ttf);
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-Light-1.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-LightItalic-1.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-Regular-1.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-RegularItalic-1.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-Medium-1.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-MediumItalic-1.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-Bold-1.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-BoldItalic-1.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-Black-1.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'kh teka';
    src: url('../font/khteka/KHTekaSite-BlackItalic-1.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYULTRALIGHTITALIC.OTF') format('opentype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYTHINITALIC.OTF') format('opentype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYLIGHTITALIC.OTF') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYREGULAR.OTF') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYMEDIUM.OTF') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYSEMIBOLDITALIC.OTF') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYBOLD.OTF') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYHEAVYITALIC.OTF') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'sf pro display';
    src: url('../font/sfpro/SFPRODISPLAYBLACKITALIC.OTF') format('opentype');
    font-weight: 900;
    font-style: italic;
}

* {
    font-family: SF PRO DISPLAY;
    font-weight: 500;
}

h1, h2, h3 {
    font-weight: 600;
}

span, p {
    font-weight: 400;
}