@font-face {
    font-family: OO7-GoldenEye;
    src: url(https://connectied.id/fonts/007-GoldenEye.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Abecedary-Regular;
    src: url(https://connectied.id/fonts/Abecedary-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Abecedary-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: ACaslonPro-Regular;
    src: url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: ACaslonPro-Italic;
    src: url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Italic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: ACaslonPro-Semibold;
    src: url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Semibold.woff2) format('woff2'), url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Semibold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: ACaslonPro-SemiboldItalic;
    src: url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-SemiboldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-SemiboldItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: ACaslonPro-Bold;
    src: url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: ACaslonPro-BoldItalic;
    src: url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/AdobeCaslonPro/ACaslonPro-BoldItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Adelia;
    src: url(https://connectied.id/fonts/Adelia.woff2) format('woff2'), url(https://connectied.id/fonts/Adelia.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aerotis;
    src: url(https://connectied.id/fonts/Aerotis.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: AgainstRegular;
    src: url(https://connectied.id/fonts/Against-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Against-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aller;
    src: url(https://connectied.id/fonts/AllerFont/Aller.woff2) format('woff2'), url(https://connectied.id/fonts/AllerFont/Aller.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aller-Regular;
    src: url(https://connectied.id/fonts/AllerFont/Aller.woff2) format('woff2'), url(https://connectied.id/fonts/AllerFont/Aller.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aller-Italic;
    src: url(https://connectied.id/fonts/AllerFont/Aller-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/AllerFont/Aller-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aller-Light;
    src: url(https://connectied.id/fonts/AllerFont/Aller-Light.woff2) format('woff2'), url(https://connectied.id/fonts/AllerFont/Aller-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aller-LightItalic;
    src: url(https://connectied.id/fonts/AllerFont/Aller-LightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/AllerFont/Aller-LightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aller-Bold;
    src: url(https://connectied.id/fonts/AllerFont/Aller-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/AllerFont/Aller-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Aller-BoldItalic;
    src: url(https://connectied.id/fonts/AllerFont/Aller-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/AllerFont/Aller-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AlexBrush-Regular;
    src: url(https://connectied.id/fonts/AlexBrush-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/AlexBrush-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Alchemin;
    src: url(https://connectied.id/fonts/Alchemin.woff2) format('woff2'), url(https://connectied.id/fonts/Alchemin.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AnnaiMN;
    src: url(https://connectied.id/fonts/AnnaiMN.woff2) format('woff2'), url(https://connectied.id/fonts/AnnaiMN.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Andasia;
    src: url(https://connectied.id/fonts/Andasia.woff2) format('woff2'), url(https://connectied.id/fonts/Andasia.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Antura-Script;
    src: url(https://connectied.id/fonts/AnturaScript.woff2) format('woff2'), url(https://connectied.id/fonts/AnturaScript.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Allegratta;
    src: url(https://connectied.id/fonts/AllegrattaPersonalUse.woff2) format('woff2'), url(https://connectied.id/fonts/AllegrattaPersonalUse.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Allura-Regular;
    src: url(https://connectied.id/fonts/Allura-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Allura-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Alysthia;
    src: url(https://connectied.id/fonts/Alysthia.woff2) format('woff2'), url(https://connectied.id/fonts/Alysthia.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: AmalfiCoast;
    src: url(https://connectied.id/fonts/AmalfiCoast.woff2) format('woff2'), url(https://connectied.id/fonts/AmalfiCoast.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AmostelySignature;
    src: url(https://connectied.id/fonts/AmostelySignature.woff2) format('woff2'), url(https://connectied.id/fonts/AmostelySignature.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'Amostely Signature';
    src: url(https://connectied.id/fonts/AmostelySignature.woff2) format('woff2'), url(https://connectied.id/fonts/AmostelySignature.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AnnabelleJF;
    src: url(https://connectied.id/fonts/Annabelle-JF-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Annabelle-JF-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AnastasiaScript;
    src: url(https://connectied.id/fonts/AnastasiaScript-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/AnastasiaScript-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Antically;
    src: url(https://connectied.id/fonts/Antically.woff2) format('woff2'), url(https://connectied.id/fonts/Antically.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Arial;
    src: url(https://connectied.id/fonts/Arial.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Arima;
    src: url(https://connectied.id/fonts/Arima.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: ArefRuqaa;
    src: url(https://connectied.id/fonts/ArefRuqaa-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/ArefRuqaa-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Agraham;
    src: url(https://connectied.id/fonts/Agraham.woff2) format('woff2'), url(https://connectied.id/fonts/Agraham.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: AstonScriptBold-Bold;
    src: url(https://connectied.id/fonts/Aston-Script.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Aston-Script;
    src: url(https://connectied.id/fonts/Aston-Script.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Athelas;
    src: url(https://connectied.id/fonts/Athelas-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Athelas-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Athelas-Regular;
    src: url(https://connectied.id/fonts/Athelas-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Athelas-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Athelas-Bold;
    src: url(https://connectied.id/fonts/Athelas-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Athelas-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Athelas-Italic;
    src: url(https://connectied.id/fonts/Athelas-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Athelas-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Audrey;
    src: url(https://connectied.id/fonts/Audrey-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Audrey-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Aureligena;
    src: url(https://connectied.id/fonts/AureligenaScript.woff2) format('woff2'), url(https://connectied.id/fonts/AureligenaScript.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Avenir;
    src: url(https://connectied.id/fonts/Avenir/Avenir-Roman.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-Roman.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirRegular;
    src: url(https://connectied.id/fonts/Avenir/Avenir-Roman.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-Roman.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirItalic;
    src: url(https://connectied.id/fonts/Avenir/Avenir-Oblique.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-Oblique.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirBold;
    src: url(https://connectied.id/fonts/Avenir/Avenir-Heavy.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-Heavy.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirBoldItalic;
    src: url(https://connectied.id/fonts/Avenir/Avenir-HeavyOblique.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-HeavyOblique.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirMedium;
    src: url(https://connectied.id/fonts/Avenir/Avenir-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirMediumItalic;
    src: url(https://connectied.id/fonts/Avenir/Avenir-MediumOblique.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-MediumOblique.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirLight;
    src: url(https://connectied.id/fonts/Avenir/Avenir-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AvenirLightItalic;
    src: url(https://connectied.id/fonts/Avenir/Avenir-LightOblique.woff2) format('woff2'), url(https://connectied.id/fonts/Avenir/Avenir-LightOblique.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Balithya;
    src: url(https://connectied.id/fonts/Balithya.woff2) format('woff2'), url(https://connectied.id/fonts/Balithya.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Bargemo;
    src: url("../fonts/Bargemo-Regular.woff2") format("woff2"),
       url("https://connectied.id/fonts/Bargemo-Regular.otf") format("opentype");
    font-display: swap
}

@font-face {
    font-family: Beauty;
    src: url(https://connectied.id/fonts/BeautyDemo.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: BaroqueScript;
    src: url(https://connectied.id/fonts/BaroqueScript.woff2) format('woff2'), url(https://connectied.id/fonts/BaroqueScript.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskerville-LightItalic;
    src: url(https://connectied.id/fonts/Baskerville/Baskerville-Light-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/Baskerville-Light-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskerville;
    src: url(https://connectied.id/fonts/Baskerville/Baskerville.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/Baskerville.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskerville-Italic;
    src: url(https://connectied.id/fonts/Baskerville/Baskerville-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/Baskerville-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskerville-Bold;
    src: url(https://connectied.id/fonts/Baskerville/Baskerville-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/Baskerville-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskerville-BoldItalic;
    src: url(https://connectied.id/fonts/Baskerville/Baskerville-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/Baskerville-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskerville-SemiBold;
    src: url(https://connectied.id/fonts/Baskerville/Baskerville-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/Baskerville-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskerville-SemiBoldItalic;
    src: url(https://connectied.id/fonts/Baskerville/Baskerville-SemiBoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/Baskerville-SemiBoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BaskervilleBT;
    src: url(https://connectied.id/fonts/Baskerville/BaskervilleBT.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/BaskervilleBT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BaskervilleBT-Bold;
    src: url(https://connectied.id/fonts/Baskerville/BaskervilleBTBold.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/BaskervilleBTBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BaskervilleBT-Italic;
    src: url(https://connectied.id/fonts/Baskerville/BaskervilleBTItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Baskerville/BaskervilleBTItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskervville;
    src: url(https://connectied.id/fonts/Baskervville-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Baskervville-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskervville-Regular;
    src: url(https://connectied.id/fonts/Baskervville-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Baskervville-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Baskervville-Bold;
    src: url(https://connectied.id/fonts/Baskervville-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Baskervville-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BelganAesthetic-Regular;
    src: url(https://connectied.id/fonts/BelganAesthetic.woff2) format('woff2'), url(https://connectied.id/fonts/BelganAesthetic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Betterlove;
    src: url(https://connectied.id/fonts/Betterlove.woff2) format('woff2'), url(https://connectied.id/fonts/Betterlove.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Betterlove-Italic;
    src: url(https://connectied.id/fonts/Betterlove-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Betterlove-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BelflowerScript;
    src: url(https://connectied.id/fonts/BelflowerScript.woff2) format('woff2'), url(https://connectied.id/fonts/BelflowerScript.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: BellMT;
    src: url(https://connectied.id/fonts/BellMT/BellMT.woff2) format('woff2'), url(https://connectied.id/fonts/BellMT/BellMT.otf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BellMT-Italic;
    src: url(https://connectied.id/fonts/BellMT/BellMT-italic.woff2) format('woff2'), url(https://connectied.id/fonts/BellMT/BellMT-italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BellMT-Bold;
    src: url(https://connectied.id/fonts/BellMT/BellMT-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/BellMT/BellMT-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BellMT-BoldItalic;
    src: url(https://connectied.id/fonts/BellMT/BellMT-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/BellMT/BellMT-BoldItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: BickhamScriptPro;
    src: url(https://connectied.id/fonts/BickhamScriptProRegular.woff2) format('woff2'), url(https://connectied.id/fonts/BickhamScriptProRegular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Bintaro;
    src: url(https://connectied.id/fonts/Bintaro.woff2) format('woff2'), url(https://connectied.id/fonts/Bintaro.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BirthstoneFormal;
    src: url(https://connectied.id/fonts/BirthstoneFormal.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: BirthstonePro;
    src: url(https://connectied.id/fonts/BirthstonePro.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: BiroScriptPlus;
    src: url(https://connectied.id/fonts/BiroScriptPlus.woff2) format('woff2'), url(https://connectied.id/fonts/BiroScriptPlus.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BiroScriptPlus-Bold;
    src: url(https://connectied.id/fonts/BiroScriptPlus-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/BiroScriptPlus-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Blacksword;
    src: url(https://connectied.id/fonts/Blacksword.woff2) format('woff2'), url(https://connectied.id/fonts/Blacksword.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: BochanSerif;
    src: url(https://connectied.id/fonts/Bochan-Serif.woff2) format('woff2'), url(https://connectied.id/fonts/Bochan-Serif.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BohemeFloral;
    src: url(https://connectied.id/fonts/BohemeFloral.woff2) format('woff2'), url(https://connectied.id/fonts/BohemeFloral.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BonVivantSerif;
    src: url(https://connectied.id/fonts/BonVivantSerif.woff2) format('woff2'), url(https://connectied.id/fonts/BonVivantSerif.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BonVivantSerifBold;
    src: url(https://connectied.id/fonts/BonVivantSerifBold.woff2) format('woff2'), url(https://connectied.id/fonts/BonVivantSerifBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Book-Antiqua;
    src: url("../fonts/BookAntiqua.woff2") format('woff2'), url(https://connectied.id/fonts/BookAntiqua.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Book-Antiqua-Italic;
    src: url(https://connectied.id/fonts/BookAntiqua-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/BookAntiqua-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Book-Antiqua-Bold;
    src: url("../fonts/BookAntiqua-Bold.woff2") format('woff2'), url(https://connectied.id/fonts/BookAntiqua-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Book-Antiqua-BoldItalic;
    src: url(https://connectied.id/fonts/BookAntiqua-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/BookAntiqua-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BorgiaPro-Regular;
    src: url(https://connectied.id/fonts/BorgiaPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/BorgiaPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: BorgiaPro-Italic;
    src: url(https://connectied.id/fonts/BorgiaPro-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/BorgiaPro-Italic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: BorgiaPro-Bold;
    src: url(https://connectied.id/fonts/BorgiaPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/BorgiaPro-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Boowie;
    src: url(https://connectied.id/fonts/Boowie.woff2) format('woff2'), url(https://connectied.id/fonts/Boowie.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Branch;
    src: url(https://connectied.id/fonts/Branch.woff2) format('woff2'), url(https://connectied.id/fonts/Branch.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Brique;
    src: url(https://connectied.id/fonts/Brique-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Brique-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Brilon;
    src: url(https://connectied.id/fonts/Brilon_11-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Brilon_11-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: BrittanySignature;
    src: url(https://connectied.id/fonts/BrittanySignature.woff2) format('woff2'), url(https://connectied.id/fonts/BrittanySignature.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Brush-Script;
    src: url(https://connectied.id/fonts/BrushScriptMT.woff2) format('woff2'), url(https://connectied.id/fonts/BrushScriptMT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Brogadier;
    src: url(https://connectied.id/fonts/Brogadier.woff2) format('woff2'), url(https://connectied.id/fonts/Brogadier.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Burgues-Script;
    src: url(https://connectied.id/fonts/Burgues-Script-Regular.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Bulgatry;
    src: url(https://connectied.id/fonts/Bulgatry.woff2) format('woff2'), url(https://connectied.id/fonts/Bulgatry.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: BellotaText-Italic;
    src: url(https://connectied.id/fonts/BellotaText-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/BellotaText-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BellotaText-BoldItalic;
    src: url(https://connectied.id/fonts/BellotaText-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/BellotaText-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: BellotaText-Bold;
    src: url(https://connectied.id/fonts/BellotaText-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/BellotaText-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Cabolafe;
    src: url(https://connectied.id/fonts/Cabolafe.woff2) format('woff2'), url(https://connectied.id/fonts/Cabolafe.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Calibri-Light;
    src: url(https://connectied.id/fonts/Calibri/Calibri-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Calibri/Calibri-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Calibri-LightItalic;
    src: url(https://connectied.id/fonts/Calibri/Calibri-LightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Calibri/Calibri-LightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Calibri;
    src: url(https://connectied.id/fonts/Calibri/Calibri.woff2) format('woff2'), url(https://connectied.id/fonts/Calibri/Calibri.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Calibri-Regular;
    src: url(https://connectied.id/fonts/Calibri/Calibri.woff2) format('woff2'), url(https://connectied.id/fonts/Calibri/Calibri.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Calibri-Italic;
    src: url(https://connectied.id/fonts/Calibri/Calibri-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Calibri/Calibri-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Calibri-Bold;
    src: url(https://connectied.id/fonts/Calibri/Calibri-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Calibri/Calibri-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Calibri-BoldItalic;
    src: url(https://connectied.id/fonts/Calibri/Calibri-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Calibri/Calibri-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Californian;
    src: url(https://connectied.id/fonts/CalifornianFB.woff2) format('woff2'), url(https://connectied.id/fonts/CalifornianFB.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Cambria;
    src: url(https://connectied.id/fonts/Cambria.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: CampanaScript;
    src: url(https://connectied.id/fonts/CampanaScript.woff2) format('woff2'), url(https://connectied.id/fonts/CampanaScript.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Candlefish;
    src: url(https://connectied.id/fonts/Candlefish.woff2) format('woff2'), url(https://connectied.id/fonts/Candlefish.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Castellar;
    src: url(https://connectied.id/fonts/Castellar.woff2) format('woff2'), url(https://connectied.id/fonts/Castellar.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Cardo;
    src: url(https://connectied.id/fonts/Cardo-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Cardo-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Cardo-Italic;
    src: url(https://connectied.id/fonts/Cardo-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Cardo-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CastoroTitling;
    src: url(https://connectied.id/fonts/CastoroTitling-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/CastoroTitling-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Century;
    src: url(https://connectied.id/fonts/Century.woff2) format('woff2'), url(https://connectied.id/fonts/Century.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Century-Italic;
    src: url(https://connectied.id/fonts/Century-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Century-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Century-Bold;
    src: url(https://connectied.id/fonts/Century-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Century-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: CenturySchoolbook;
    src: url(https://connectied.id/fonts/CenturySchoolbook.woff2) format('woff2'), url(https://connectied.id/fonts/CenturySchoolbook.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Channe;
    src: url(https://connectied.id/fonts/Channe.woff2) format('woff2'), url(https://connectied.id/fonts/Channe.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Cinzel;
    src: url(https://connectied.id/fonts/Cinzel/Cinzel-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Cinzel/Cinzel-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Cinzel-SemiBold;
    src: url(https://connectied.id/fonts/Cinzel/Cinzel-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Cinzel/Cinzel-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Cinzel-Bold;
    src: url(https://connectied.id/fonts/Cinzel/Cinzel-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Cinzel/Cinzel-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: CinzelDecorative;
    src: url(https://connectied.id/fonts/Cinzel/CinzelDecorative-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Cinzel/CinzelDecorative-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url(https://connectied.id/fonts/Cinzel/CinzelDecorative-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Cinzel/CinzelDecorative-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CinzelDecorative-Bold;
    src: url(https://connectied.id/fonts/Cinzel/CinzelDecorative-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Cinzel/CinzelDecorative-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'Cinzel VariableFont';
    src: url(https://connectied.id/fonts/Cinzel/Cinzel-VariableFont.woff2) format('woff2'), url(https://connectied.id/fonts/Cinzel/Cinzel-VariableFont.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Coldiac;
    src: url(https://connectied.id/fonts/Coldiac.woff2) format('woff2'), url(https://connectied.id/fonts/Coldiac.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CrimsonPro;
    src: url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CrimsonPro-SemiBold;
    src: url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CrimsonPro-Bold;
    src: url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CrimsonPro-Italic;
    src: url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CrimsonPro-Light;
    src: url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Light.woff2) format('woff2'), url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CrimsonPro-ExtraLight;
    src: url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-ExtraLight.woff2) format('woff2'), url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-ExtraLight.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CrimsonPro-ExtraLightItalic;
    src: url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-ExtraLightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/CrimsonPro/CrimsonPro-ExtraLightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CocogooseProLight;
    src: url(https://connectied.id/fonts/Cocogoose-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Cocogoose-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Costa-Rica;
    src: url(https://connectied.id/fonts/Costa-Rica.woff2) format('woff2'), url(https://connectied.id/fonts/Costa-Rica.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantSC-Regular;
    src: url(https://connectied.id/fonts/CormorantSC/CormorantSC-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/CormorantSC/CormorantSC-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantSC-SemiBold;
    src: url(https://connectied.id/fonts/CormorantSC/CormorantSC-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/CormorantSC/CormorantSC-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantSC-Bold;
    src: url(https://connectied.id/fonts/CormorantSC/CormorantSC-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/CormorantSC/CormorantSC-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantGaramond;
    src: url(https://connectied.id/fonts/Garamond/CormorantGaramond-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantGaramond-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantGaramond-Regular;
    src: url(https://connectied.id/fonts/Garamond/CormorantGaramond-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantGaramond-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantGaramond-Bold;
    src: url(https://connectied.id/fonts/Garamond/CormorantGaramond-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantGaramond-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantGaramond-Medium;
    src: url(https://connectied.id/fonts/Garamond/CormorantGaramond-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantGaramond-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantGaramond-MediumItalic;
    src: url(https://connectied.id/fonts/Garamond/CormorantGaramond-MediumItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantGaramond-MediumItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantGaramond-SemiBold;
    src: url(https://connectied.id/fonts/Garamond/CormorantGaramond-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantGaramond-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantGaramond-SemiBoldItalic;
    src: url(https://connectied.id/fonts/Garamond/CormorantGaramond-SemiBoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantGaramond-SemiBoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantInfant;
    src: url(https://connectied.id/fonts/Garamond/CormorantInfant-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantInfant-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantInfant-Regular;
    src: url(https://connectied.id/fonts/Garamond/CormorantInfant-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantInfant-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantInfant-Italic;
    src: url(https://connectied.id/fonts/Garamond/CormorantInfant-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantInfant-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantInfant-Bold;
    src: url(https://connectied.id/fonts/Garamond/CormorantInfant-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantInfant-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: CormorantInfant-Medium;
    src: url(https://connectied.id/fonts/Garamond/CormorantInfant-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/CormorantInfant-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: DancingScriptRegular;
    src: url(https://connectied.id/fonts/DancingScript-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/DancingScript-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: DerickChetty;
    src: url(https://connectied.id/fonts/DerickChetty.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Derivia;
    src: url(https://connectied.id/fonts/Derivia-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Derivia-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Desirable-Calligraphy;
    src: url(https://connectied.id/fonts/Desirable-Calligraphy.woff2) format('woff2'), url(https://connectied.id/fonts/Desirable-Calligraphy.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: DelicateCaligraphy;
    src: url(https://connectied.id/fonts/DelicateCaligraphyDemo.woff2) format('woff2'), url(https://connectied.id/fonts/DelicateCaligraphyDemo.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: DINPro-Regular;
    src: url(https://connectied.id/fonts/DinPro/DINPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/DinPro/DINPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: DINPro-Bold;
    src: url(https://connectied.id/fonts/DinPro/DINPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/DinPro/DINPro-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: DINPro-Medium;
    src: url(https://connectied.id/fonts/DinPro/DINPro-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/DinPro/DINPro-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: DINPro-Light;
    src: url(https://connectied.id/fonts/DinPro/DINPro-Light.woff2) format('woff2'), url(https://connectied.id/fonts/DinPro/DINPro-Light.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: DMSans;
    src: url(https://connectied.id/fonts/DMSans-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/DMSans-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: DMSans-Regular;
    src: url(https://connectied.id/fonts/DMSans-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/DMSans-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: DMSans-Medium;
    src: url(https://connectied.id/fonts/DMSans-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/DMSans-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: DomLovesMary-Stylistic;
    src: url(https://connectied.id/fonts/DomLovesMary-Stylistic.woff2) format('woff2'), url(https://connectied.id/fonts/DomLovesMary-Stylistic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Downey;
    src: url(https://connectied.id/fonts/Downey-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Downey-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Downey-Regular;
    src: url(https://connectied.id/fonts/Downey-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Downey-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Downey-Bold;
    src: url(https://connectied.id/fonts/Downey-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Downey-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: EditorsNote-Regular;
    src: url(https://connectied.id/fonts/EditorsNote/EditorsNote-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/EditorsNote/EditorsNote-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: EditorsNote-Italic;
    src: url(https://connectied.id/fonts/EditorsNote/EditorsNote-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/EditorsNote/EditorsNote-Italic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: EditorsNote-ThinItalic;
    src: url(https://connectied.id/fonts/EditorsNote/EditorsNote-ThinItalic.woff2) format('woff2'), url(https://connectied.id/fonts/EditorsNote/EditorsNote-ThinItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: EditorsNote-Light;
    src: url(https://connectied.id/fonts/EditorsNote/EditorsNote-Light.woff2) format('woff2'), url(https://connectied.id/fonts/EditorsNote/EditorsNote-Light.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: EditorsNote-LightItalic;
    src: url(https://connectied.id/fonts/EditorsNote/EditorsNote-LightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/EditorsNote/EditorsNote-LightItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: EditorsNote-HairlineItalic;
    src: url(https://connectied.id/fonts/EditorsNote/EditorsNote-HairlineItalic.woff2) format('woff2'), url(https://connectied.id/fonts/EditorsNote/EditorsNote-HairlineItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Elegante;
    src: url(https://connectied.id/fonts/Elegante.woff2) format('woff2'), url(https://connectied.id/fonts/Elegante.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: EleganteClassica;
    src: url(https://connectied.id/fonts/EleganteClassica.woff2) format('woff2'), url(https://connectied.id/fonts/EleganteClassica.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Elephant;
    src: url(https://connectied.id/fonts/Elephant.woff2) format('woff2'), url(https://connectied.id/fonts/Elephant.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: EdwardianScriptITC;
    src: url(https://connectied.id/fonts/EdwardianScriptITC.woff2) format('woff2'), url(https://connectied.id/fonts/EdwardianScriptITC.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: EmbassyBT;
    src: url(https://connectied.id/fonts/EmbassyBT.woff2) format('woff2'), url(https://connectied.id/fonts/EmbassyBT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Engraver-Light;
    src: url(https://connectied.id/fonts/Engraver-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Engraver-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: EngraversGothicBT-Regular;
    src: url(https://connectied.id/fonts/EngraversGothicBT.woff2) format('woff2'), url(https://connectied.id/fonts/EngraversGothicBT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: EucrosiaUPC;
    src: url(https://connectied.id/fonts/EucrosiaUPC.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Estylle-Madison;
    src: url(https://connectied.id/fonts/EstylleMadison.woff2) format('woff2'), url(https://connectied.id/fonts/EstylleMadison.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Epilogue-Light;
    src: url(https://connectied.id/fonts/Epilogue/Epilogue-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Epilogue/Epilogue-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Epilogue-Regular;
    src: url(https://connectied.id/fonts/Epilogue/Epilogue-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Epilogue/Epilogue-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Epilogue-Italic;
    src: url(https://connectied.id/fonts/Epilogue/Epilogue-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Epilogue/Epilogue-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Epilogue-SemiBold;
    src: url(https://connectied.id/fonts/Epilogue/Epilogue-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Epilogue/Epilogue-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: et-line;
    src: url(https://connectied.id/fonts/et-line.woff2) format('woff2'), url(https://connectied.id/fonts/et-line.eot#iefix) format('embedded-opentype');
    src: url(https://connectied.id/fonts/et-line.woff2) format('woff2'), url(https://connectied.id/fonts/et-line.eot#iefix) format('embedded-opentype');
    font-display: swap
}

@font-face {
    font-family: Eyesome-Script;
    src: url(https://connectied.id/fonts/EyesomeScript.woff2) format('woff2'), url(https://connectied.id/fonts/EyesomeScript.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: FGAlisonW00-Regular;
    src: url(https://connectied.id/fonts/FGAlisonW00-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/FGAlisonW00-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Fifty-Holliwing;
    src: url(https://connectied.id/fonts/FiftyHolliwing.woff2) format('woff2'), url(https://connectied.id/fonts/FiftyHolliwing.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: FootlightMTProLight;
    src: url(https://connectied.id/fonts/FootlightMTProLight.woff2) format('woff2'), url(https://connectied.id/fonts/FootlightMTProLight.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Forum-Regular;
    src: url(https://connectied.id/fonts/Forum-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Forum-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Futura;
    src: url(https://connectied.id/fonts/Futura-Medium.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Futura;
    src: url(https://connectied.id/fonts/Futura-Bold.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Frunchy-Sage;
    src: url(https://connectied.id/fonts/Frunchy-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Frunchy-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Fontspring;
    src: url(https://connectied.id/fonts/Fontspring-TheSeasonsRegular.woff2) format('woff2'), url(https://connectied.id/fonts/Fontspring-TheSeasonsRegular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Fontspring-Regular;
    src: url(https://connectied.id/fonts/Fontspring-TheSeasonsRegular.woff2) format('woff2'), url(https://connectied.id/fonts/Fontspring-TheSeasonsRegular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Fontspring-Bold;
    src: url(https://connectied.id/fonts/Fontspring-TheSeasonsBold.woff2) format('woff2'), url(https://connectied.id/fonts/Fontspring-TheSeasonsBold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Florilane-Cardillac;
    src: url(https://connectied.id/fonts/FlorilaneCardillac.woff2) format('woff2'), url(https://connectied.id/fonts/FlorilaneCardillac.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Fraunces;
    src: url(https://connectied.id/fonts/Fraunces.woff2) format('woff2'), url(https://connectied.id/fonts/Fraunces.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Fraunces-Regular;
    src: url(https://connectied.id/fonts/Fraunces.woff2) format('woff2'), url(https://connectied.id/fonts/Fraunces.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Fraunces-SemiBold;
    src: url(https://connectied.id/fonts/Fraunces-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Fraunces-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Galvji;
    src: url(https://connectied.id/fonts/Galvji.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Garamond;
    src: url(https://connectied.id/fonts/Garamond/Garamond-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/Garamond-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Garamond-Regular;
    src: url(https://connectied.id/fonts/Garamond/Garamond-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/Garamond-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Garamond-Italic;
    src: url(https://connectied.id/fonts/Garamond/Garamond-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/Garamond-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Garamond-Bold;
    src: url(https://connectied.id/fonts/Garamond/Garamond-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/Garamond-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: AGaramond;
    src: url(https://connectied.id/fonts/Garamond/AGaramondPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/AGaramondPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: AGaramondPro-Regular;
    src: url(https://connectied.id/fonts/Garamond/AGaramondPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/AGaramondPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: AGaramondPro-Italic;
    src: url(https://connectied.id/fonts/Garamond/AGaramondPro-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/AGaramondPro-Italic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: AGaramond-Bold;
    src: url(https://connectied.id/fonts/Garamond/AGaramondPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/AGaramondPro-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: AGaramondPro-BoldItalic;
    src: url(https://connectied.id/fonts/Garamond/AGaramondPro-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/AGaramondPro-BoldItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: AGaramondPro-SemiBold;
    src: url(https://connectied.id/fonts/Garamond/AGaramondPro-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/AGaramondPro-SemiBold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: EBGaramond;
    src: url(https://connectied.id/fonts/Garamond/EBGaramond-VariableFont.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/EBGaramond-VariableFont.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: EBGaramond-Italic;
    src: url(https://connectied.id/fonts/Garamond/EBGaramond-VariableFont-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Garamond/EBGaramond-VariableFont-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Georgia-Regular;
    src: url(https://connectied.id/fonts/Georgia.woff2) format('woff2'), url(https://connectied.id/fonts/Georgia.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Georgia-Bold;
    src: url(https://connectied.id/fonts/Georgia-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Georgia-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Geneva;
    src: url(https://connectied.id/fonts/Geneva.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: GFSArtemisia-BoldItalic;
    src: url(https://connectied.id/fonts/GFSArtemisia-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/GFSArtemisia-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: GFSArtemisia-Italic;
    src: url(https://connectied.id/fonts/GFSArtemisia-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/GFSArtemisia-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(https://connectied.id/fonts/Gilroy/Gilroy-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Gilroy/Gilroy-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Gilroy-SemiBold;
    src: url(https://connectied.id/fonts/Gilroy/Gilroy-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Gilroy/Gilroy-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Gilroy-Bold;
    src: url(https://connectied.id/fonts/Gilroy/Gilroy-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Gilroy/Gilroy-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Gilroy-ExtraBold;
    src: url(https://connectied.id/fonts/Gilroy/Gilroy-ExtraBold.woff2) format('woff2'), url(https://connectied.id/fonts/Gilroy/Gilroy-ExtraBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: GontserratSemiBold;
    src: url(https://connectied.id/fonts/Gontserrat-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Gontserrat-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Goldenbook;
    src: url(https://connectied.id/fonts/Goldenbook-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Goldenbook-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-XLight;
    src: url(https://connectied.id/fonts/Gotham/Gotham-XLight.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-XLight.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-XLightItalic;
    src: url(https://connectied.id/fonts/Gotham/Gotham-XLightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-XLightItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-Thin;
    src: url(https://connectied.id/fonts/Gotham/Gotham-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-Thin.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-Light;
    src: url(https://connectied.id/fonts/Gotham/Gotham-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-Light.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-Medium;
    src: url(https://connectied.id/fonts/Gotham/Gotham-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-MediumItalic;
    src: url(https://connectied.id/fonts/Gotham/Gotham-MediumItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-MediumItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-Bold;
    src: url(https://connectied.id/fonts/Gotham/Gotham-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(https://connectied.id/fonts/Gotham/Gotham-Book.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-Book.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-Italic;
    src: url(https://connectied.id/fonts/Gotham/Gotham-BookItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-BookItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-Book;
    src: url(https://connectied.id/fonts/Gotham/Gotham-Book.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-Book.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gotham-BookItalic;
    src: url(https://connectied.id/fonts/Gotham/Gotham-BookItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/Gotham-BookItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: GothamRnd-Light;
    src: url(https://connectied.id/fonts/Gotham/GothamRnd-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/GothamRnd-Light.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: GothamRnd-Medium;
    src: url(https://connectied.id/fonts/Gotham/GothamRnd-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Gotham/GothamRnd-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Gruppo;
    src: url(https://connectied.id/fonts/Gruppo-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Gruppo-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: GreatVibes;
    src: url(https://connectied.id/fonts/GreatVibes-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/GreatVibes-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Giddyup;
    src: url(https://connectied.id/fonts/Giddyup.woff2) format('woff2'), url(https://connectied.id/fonts/Giddyup.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HalfbreD;
    src: url(https://connectied.id/fonts/HalfbreD.woff2) format('woff2'), url(https://connectied.id/fonts/HalfbreD.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Hastage;
    src: url(https://connectied.id/fonts/Hastage.woff2) format('woff2'), url(https://connectied.id/fonts/Hastage.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Harrington;
    src: url(https://connectied.id/fonts/Harrington.woff2) format('woff2'), url(https://connectied.id/fonts/Harrington.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Helios-Regular;
    src: url(https://connectied.id/fonts/Helios.woff2) format('woff2'), url(https://connectied.id/fonts/Helios.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Helios-Bold;
    src: url(https://connectied.id/fonts/HeliosBold.woff2) format('woff2'), url(https://connectied.id/fonts/HeliosBold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Hello;
    src: url(https://connectied.id/fonts/Hello.woff2) format('woff2'), url(https://connectied.id/fonts/Hello.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelloBrideScript;
    src: url(https://connectied.id/fonts/HelloBrideScript-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/HelloBrideScript-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'Hello Bride Script';
    src: url(https://connectied.id/fonts/HelloBrideScript-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/HelloBrideScript-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Helvetica-Light;
    src: url(https://connectied.id/fonts/Helvetica/Helvetica-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/Helvetica-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Helvetica;
    src: url(https://connectied.id/fonts/Helvetica/Helvetica.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/Helvetica.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Helvetica-Regular;
    src: url(https://connectied.id/fonts/Helvetica/Helvetica.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/Helvetica.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Helvetica-Bold;
    src: url(https://connectied.id/fonts/Helvetica/Helvetica-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/Helvetica-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Helvetica-BoldItalic;
    src: url(https://connectied.id/fonts/Helvetica/Helvetica-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/Helvetica-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-Regular;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-Bold;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-Italic;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-BoldItalic;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-CondensedBold;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-CondensedBold.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-CondensedBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-UltraLight;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-UltraLight.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-UltraLight.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-UltraLightItalic;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-UltraLightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-UltraLightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-Light;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-LightItalic;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-LightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-LightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-CondensedBlack;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-CondensedBlack.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-CondensedBlack.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-Medium;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-MediumItalic;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-MediumItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-MediumItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-Thin;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-Thin.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-ThinItalic;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeue-ThinItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeue-ThinItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeueLTPro-Regular;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeueLTPro-Thin;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-Thin.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeueLTPro-Medium;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HelveticaNeueLTPro-MediumItalic;
    src: url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-MediumItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Helvetica/HelveticaNeueLTPro-MediumItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HighSpirited;
    src: url(https://connectied.id/fonts/High-Spirited.woff2) format('woff2'), url(https://connectied.id/fonts/High-Spirited.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HinaMincho;
    src: url(https://connectied.id/fonts/HinaMincho-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/HinaMincho-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Hijrnotes;
    src: url(https://connectied.id/fonts/Hijrnotes.woff2) format('woff2'), url(https://connectied.id/fonts/Hijrnotes.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: HKGrotesk-Regular;
    src: url(https://connectied.id/fonts/HKGrotesk-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/HKGrotesk-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HKGrotesk-Bold;
    src: url(https://connectied.id/fonts/HKGrotesk-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/HKGrotesk-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HoeflerText-Regular;
    src: url(https://connectied.id/fonts/HoeflerText/HoeflerText-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/HoeflerText/HoeflerText-Regular.ttf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HoeflerText-Italic;
    src: url(https://connectied.id/fonts/HoeflerText/HoeflerText-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/HoeflerText/HoeflerText-Italic.ttf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HoeflerText-Black;
    src: url(https://connectied.id/fonts/HoeflerText/HoeflerText-Black.woff2) format('woff2'), url(https://connectied.id/fonts/HoeflerText/HoeflerText-Black.ttf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HoeflerText-BlackItalic;
    src: url(https://connectied.id/fonts/HoeflerText/HoeflerText-BlackItalic.woff2) format('woff2'), url(https://connectied.id/fonts/HoeflerText/HoeflerText-BlackItalic.ttf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: HoeflerText-Tilting;
    src: url(https://connectied.id/fonts/HoeflerText/HoeflerTitling.woff2) format('woff2'), url(https://connectied.id/fonts/HoeflerText/HoeflerTitling.ttf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: IBMPlexSans;
    src: url(https://connectied.id/fonts/IBMPlexSans-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/IBMPlexSans-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: ImprintMTShadow;
    src: url(https://connectied.id/fonts/ImprintMTShadow.woff2) format('woff2'), url(https://connectied.id/fonts/ImprintMTShadow.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(https://connectied.id/fonts/Inter-Regular.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: IowanOldStyle;
    src: url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-Roman.woff2) format('woff2'), url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-Roman.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: IowanOldStyle-Italic;
    src: url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: IowanOldStyle-Bold;
    src: url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: IowanOldStyle-Bold-Italic;
    src: url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/IowanOldStyle/IowanOldStyleBT-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Italianno-Regular;
    src: url(https://connectied.id/fonts/Italianno-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Italianno-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: IvyOraDisplay;
    src: url(https://connectied.id/fonts/IvyOraDisplay-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/IvyOraDisplay-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: JanuaryShine;
    src: url(https://connectied.id/fonts/January-Shine.woff2) format('woff2'), url(https://connectied.id/fonts/January-Shine.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Jelytta;
    src: url(https://connectied.id/fonts/Jelytta.woff2) format('woff2'), url(https://connectied.id/fonts/Jelytta.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Jura;
    src: url(https://connectied.id/fonts/Jura-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Jura-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Julietta-Messie;
    src: url(https://connectied.id/fonts/Julietta-Messie.woff2) format('woff2'), url(https://connectied.id/fonts/Julietta-Messie.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Kingthings-Trypewriter;
    src: url(https://connectied.id/fonts/Kingthings-Trypewriter-2.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Krylon;
    src: url(https://connectied.id/fonts/Krylon-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Krylon-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: KunstlerScript;
    src: url(https://connectied.id/fonts/KunstlerScript.woff2) format('woff2'), url(https://connectied.id/fonts/KunstlerScript.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Kinfolk;
    src: url(https://connectied.id/fonts/KinfolkRegular.woff2) format('woff2'), url(https://connectied.id/fonts/KinfolkRegular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Laneposh;
    src: url(https://connectied.id/fonts/Lane-Posh.woff2) format('woff2'), url(https://connectied.id/fonts/Lane-Posh.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Lavanderia-Regular;
    src: url(https://connectied.id/fonts/Lavanderia-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Lavanderia-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: LearningCurve;
    src: url(https://connectied.id/fonts/LearningCurve.woff2) format('woff2'), url(https://connectied.id/fonts/LearningCurve.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: LeMajor-Regular;
    src: url(https://connectied.id/fonts/LeMajor-Regular.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: LeMores-Regular;
    src: url(https://connectied.id/fonts/LeMores-Collection-Serif-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/LeMores-Collection-Serif-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: LibreBaskerville-Regular;
    src: url(https://connectied.id/fonts/Libre/LibreBaskerville-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Libre/LibreBaskerville-Regular.ttf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: LibreBaskerville-Italic;
    src: url(https://connectied.id/fonts/Libre/LibreBaskerville-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Libre/LibreBaskerville-Italic.ttf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: LibreCaslonText;
    src: url(https://connectied.id/fonts/Libre/LibreCaslonText-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Libre/LibreCaslonText-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: LibreCaslonText-Regular;
    src: url(https://connectied.id/fonts/Libre/LibreCaslonText-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Libre/LibreCaslonText-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: LibreCaslonText-Italic;
    src: url(https://connectied.id/fonts/Libre/LibreCaslonText-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Libre/LibreCaslonText-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: LibreCaslonText-Bold;
    src: url(https://connectied.id/fonts/Libre/LibreCaslonText-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Libre/LibreCaslonText-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Lora;
    src: url(https://connectied.id/fonts/Lora/Lora-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Lora/Lora-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Lora-Regular;
    src: url(https://connectied.id/fonts/Lora/Lora-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Lora/Lora-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Lora-Italic;
    src: url(https://connectied.id/fonts/Lora/Lora-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Lora/Lora-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Lora-SemiBold;
    src: url(https://connectied.id/fonts/Lora/Lora-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Lora/Lora-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Lora-Bold;
    src: url(https://connectied.id/fonts/Lora/Lora-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Lora/Lora-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Loubag-Regular;
    src: url(https://connectied.id/fonts/Loubag-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Loubag-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Madina;
    src: url(https://connectied.id/fonts/Madina.woff2) format('woff2'), url(https://connectied.id/fonts/Madina.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MADEMirage;
    src: url(https://connectied.id/fonts/MadeMirage/MADEMirage-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MadeMirage/MADEMirage-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MADEMirage-Regular;
    src: url(https://connectied.id/fonts/MadeMirage/MADEMirage-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MadeMirage/MADEMirage-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MADEMirage-Thin;
    src: url(https://connectied.id/fonts/MadeMirage/MADEMirage-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/MadeMirage/MADEMirage-Thin.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MADEMirage-Medium;
    src: url(https://connectied.id/fonts/MadeMirage/MADEMirage-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/MadeMirage/MADEMirage-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MADEMirage-Bold;
    src: url(https://connectied.id/fonts/MadeMirage/MADEMirage-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/MadeMirage/MADEMirage-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MaisonNeue-Thin;
    src: url(https://connectied.id/fonts/MaisonNeue-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/MaisonNeue-Thin.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MaisonNeue;
    src: url("../fonts/MaisonNeue-Book.woff2") format('woff2'), url(https://connectied.id/fonts/MaisonNeue-Book.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MaisonNeue-Book;
    src: url("../fonts/MaisonNeue-Book.woff2") format('woff2'), url(https://connectied.id/fonts/MaisonNeue-Book.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MaisonNeue-Medium;
    src: url(https://connectied.id/fonts/MaisonNeue-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/MaisonNeue-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MaisonNeueMono;
    src: url(https://connectied.id/fonts/MaisonNeueMono-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MaisonNeueMono-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Maleah;
    src: url(https://connectied.id/fonts/Maleah-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Maleah-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Manuela;
    src: url(https://connectied.id/fonts/Manuela.woff2) format('woff2'), url(https://connectied.id/fonts/Manuela.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MantaStyleScriptDEMO;
    src: url(https://connectied.id/fonts/MantaStyleScriptDEMO.woff2) format('woff2'), url(https://connectied.id/fonts/MantaStyleScriptDEMO.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Marvin;
    src: url(https://connectied.id/fonts/MarvinRegular.woff2) format('woff2'), url(https://connectied.id/fonts/MarvinRegular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Medio;
    src: url(https://connectied.id/fonts/Medio.woff2) format('woff2'), url(https://connectied.id/fonts/Medio.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Meaglone;
    src: url(https://connectied.id/fonts/Meaglone.woff2) format('woff2'), url(https://connectied.id/fonts/Meaglone.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MercuryDisplayItalic;
    src: url(https://connectied.id/fonts/MercuryDisplayItalic.woff2) format('woff2'), url(https://connectied.id/fonts/MercuryDisplayItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MercuryTextG1Roman;
    src: url(https://connectied.id/fonts/MercuryTextG1Roman.woff2) format('woff2'), url(https://connectied.id/fonts/MercuryTextG1Roman.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Metshige;
    src: url(https://connectied.id/fonts/Metshige.woff2) format('woff2'), url(https://connectied.id/fonts/Metshige.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MinionVariableConcept;
    src: url(https://connectied.id/fonts/MinionVariableConcept-Roman.otf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MinionVariableConcept-Italic;
    src: url(https://connectied.id/fonts/MinionVariableConcept-Italic.otf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MilasianCirca;
    src: url(https://connectied.id/fonts/MilasianCircaMediumPERSONAL.woff2) format('woff2'), url(https://connectied.id/fonts/MilasianCircaMediumPERSONAL.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Mistrully;
    src: url(https://connectied.id/fonts/Mistrully.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Miss20Regular;
    src: url(https://connectied.id/fonts/Miss20Regular-wL8w.woff2) format('woff2'), url(https://connectied.id/fonts/Miss20Regular-wL8w.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Modern-Avenue;
    src: url(https://connectied.id/fonts/Modern-Avenue-Demo.woff2) format('woff2'), url(https://connectied.id/fonts/Modern-Avenue-Demo.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Monaco;
    src: url(https://connectied.id/fonts/Monaco.woff2) format('woff2'), url(https://connectied.id/fonts/Monaco.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: ModernLine;
    src: url(https://connectied.id/fonts/ModernLine.woff2) format('woff2'), url(https://connectied.id/fonts/ModernLine.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-Thin;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-Thin.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-ExtraLight.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-ExtraLight.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-Light;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-ExtraBold.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-ExtraBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Montserrat-Black;
    src: url(https://connectied.id/fonts/Montserrat/Montserrat-Black.woff2) format('woff2'), url(https://connectied.id/fonts/Montserrat/Montserrat-Black.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MonsieurLaDoulaise;
    src: url(https://connectied.id/fonts/MonsieurLaDoulaise-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MonsieurLaDoulaise-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MoritzaScript;
    src: url(https://connectied.id/fonts/Moritza-Script.woff2) format('woff2'), url(https://connectied.id/fonts/Moritza-Script.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Mulish;
    src: url(https://connectied.id/fonts/Mulish-VariableFont_wght.woff2) format('woff2'), url(https://connectied.id/fonts/Mulish-VariableFont_wght.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Myungjo;
    src: url(https://connectied.id/fonts/AdobeMyungjoStd-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/AdobeMyungjoStd-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MrsEavesItalic;
    src: url(https://connectied.id/fonts/MrsEavesItalic.woff2) format('woff2'), url(https://connectied.id/fonts/MrsEavesItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: MrsEavesOTRoman;
    src: url(https://connectied.id/fonts/MrsEavesRoman.woff2) format('woff2'), url(https://connectied.id/fonts/MrsEavesRoman.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Myriad;
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MyriadPro;
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Myriad-Regular;
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Myriad-SemiBold;
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-Semibold.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-Semibold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Myriad-SemiBoldItalic;
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-SemiboldIt.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-SemiboldIt.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Myriad-Bold;
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-Bold.OTF) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Myriad-BoldItalic;
    src: url(https://connectied.id/fonts/MyriadPro/MyriadPro-BoldIt.woff2) format('woff2'), url(https://connectied.id/fonts/MyriadPro/MyriadPro-BoldIt.OTF) format('opentype');
    font-display: swap
}

@font-face {
    font-family: MyriadVariableConcept;
    src: url(https://connectied.id/fonts/MyriadVariableConcept-Roman.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Nathalia;
    src: url(https://connectied.id/fonts/Nathalia.woff2) format('woff2'), url(https://connectied.id/fonts/Nathalia.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: NewsGothBTRoman;
    src: url(https://connectied.id/fonts/NewsGothBTRoman.woff2) format('woff2'), url(https://connectied.id/fonts/NewsGothBTRoman.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: NextSoutherlandSerif;
    src: url(https://connectied.id/fonts/Next-Southerland-Serif-demo.woff2) format('woff2'), url(https://connectied.id/fonts/Next-Southerland-Serif-demo.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Northern-Worssley;
    src: url(https://connectied.id/fonts/Northern-Worssley-Free.woff2) format('woff2'), url(https://connectied.id/fonts/Northern-Worssley-Free.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: NTseawave;
    src: url(https://connectied.id/fonts/NTseawave.woff2) format('woff2'), url(https://connectied.id/fonts/NTseawave.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Nickainley;
    src: url(https://connectied.id/fonts/Nickainley-Normal.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: NewYork;
    src: url(https://connectied.id/fonts/NewYork.woff2) format('woff2'), url(https://connectied.id/fonts/NewYork.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: OpenSans;
    src: url("../fonts/OpenSans-VariableFont.woff2") format('woff2'), url("../fonts/OpenSans-VariableFont.ttf") format('truetype');
    font-display: swap
}

@font-face {
    font-family: OpenSans-SemiBold;
    src: url(https://connectied.id/fonts/OpenSans-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/OpenSans-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: OpenSans-Bold;
    src: url("../fonts/OpenSans-Bold.woff2") format('woff2'), url("../fonts/OpenSans-Bold.ttf") format('truetype');
    font-display: swap
}

@font-face {
    font-family: OptimaLTPro;
    src: url(https://connectied.id/fonts/Optima/OptimaLTPro-Roman.woff2) format('woff2'), url(https://connectied.id/fonts/Optima/OptimaLTPro-Roman.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: OptimaLTPro-Italic;
    src: url(https://connectied.id/fonts/Optima/OptimaLTPro-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Optima/OptimaLTPro-Italic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: OptimaLTPro-Medium;
    src: url(https://connectied.id/fonts/Optima/OptimaLTPro-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Optima/OptimaLTPro-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: OptimaLTPro-MediumItalic;
    src: url(https://connectied.id/fonts/Optima/OptimaLTPro-MediumItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Optima/OptimaLTPro-MediumItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: OptimaLTPro-Bold;
    src: url(https://connectied.id/fonts/Optima/OptimaLTPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Optima/OptimaLTPro-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: OptimaLTPro-BoldItalic;
    src: url(https://connectied.id/fonts/Optima/OptimaLTPro-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Optima/OptimaLTPro-BoldItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Optiamway;
    src: url(https://connectied.id/fonts/OPTIAmway.woff2) format('woff2'), url(https://connectied.id/fonts/OPTIAmway.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Orbitron;
    src: url(https://connectied.id/fonts/Orbitron-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Orbitron-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Orbitron-Medium;
    src: url(https://connectied.id/fonts/Orbitron-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Orbitron-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Orbitron-Bold;
    src: url(https://connectied.id/fonts/Orbitron-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Orbitron-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Orbitron-Black;
    src: url(https://connectied.id/fonts/Orbitron-Black.woff2) format('woff2'), url(https://connectied.id/fonts/Orbitron-Black.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: OpenSauceOne-Regular;
    src: url(https://connectied.id/fonts/OpenSauceOne-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/OpenSauceOne-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: OPTIFuturaDemiBold;
    src: url(https://connectied.id/fonts/OPTIFuturaDemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/OPTIFuturaDemiBold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Ostrich-Sans;
    src: url(https://connectied.id/fonts/OstrichSans-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/OstrichSans-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Ovo;
    src: url(https://connectied.id/fonts/Ovo.woff2) format('woff2'), url(https://connectied.id/fonts/Ovo.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Peristiwa;
    src: url(https://connectied.id/fonts/Peristiwa.woff2) format('woff2'), url(https://connectied.id/fonts/Peristiwa.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    src: url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PlayfairDisplay;
    src: url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PlayfairDisplay-Medium;
    src: url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PlayfairDisplay-SemiBold;
    src: url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Playfair-VariableFont;
    src: url(https://connectied.id/fonts/PlayfairDisplay/Playfair-VariableFont.woff2) format('woff2'), url(https://connectied.id/fonts/PlayfairDisplay/Playfair-VariableFont.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Playfair-VariableFont-Italic;
    src: url(https://connectied.id/fonts/PlayfairDisplay/Playfair-VariableFont-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/PlayfairDisplay/Playfair-VariableFont-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Prata-Regular;
    src: url(https://connectied.id/fonts/Prata-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Prata-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PassionSans;
    src: url(https://connectied.id/fonts/PassionSans/PassionSansPDag-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/PassionSans/PassionSansPDag-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PassionSans-small;
    src: url(https://connectied.id/fonts/PassionSans/PassionSansPDbg-RegularSmallCaps.woff2) format('woff2'), url(https://connectied.id/fonts/PassionSans/PassionSansPDbg-RegularSmallCaps.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PassionSansPDae-Book;
    src: url(https://connectied.id/fonts/PassionSans/PassionSansPDae-Book.woff2) format('woff2'), url(https://connectied.id/fonts/PassionSans/PassionSansPDae-Book.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PassionSansPDah-RegularItalic;
    src: url(https://connectied.id/fonts/PassionSans/PassionSansPDah-RegularItalic.woff2) format('woff2'), url(https://connectied.id/fonts/PassionSans/PassionSansPDah-RegularItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PassionSansPDai-SemiBold;
    src: url(https://connectied.id/fonts/PassionSans/PassionSansPDai-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/PassionSans/PassionSansPDai-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PassionSansPDak-Bold;
    src: url(https://connectied.id/fonts/PassionSans/PassionSansPDak-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/PassionSans/PassionSansPDak-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PalaceScriptMT;
    src: url(https://connectied.id/fonts/PalaceScriptMT.woff2) format('woff2'), url(https://connectied.id/fonts/PalaceScriptMT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Play;
    src: url(https://connectied.id/fonts/Play-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Play-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Play-Regular;
    src: url(https://connectied.id/fonts/Play-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Play-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Play-Bold;
    src: url(https://connectied.id/fonts/Play-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Play-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Plantin;
    src: url(https://connectied.id/fonts/Plantin/PlantinRegular.woff2) format('woff2'), url(https://connectied.id/fonts/Plantin/PlantinRegular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PlantinRegular;
    src: url(https://connectied.id/fonts/Plantin/PlantinRegular.woff2) format('woff2'), url(https://connectied.id/fonts/Plantin/PlantinRegular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PlantinItalic;
    src: url(https://connectied.id/fonts/Plantin/PlantinItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Plantin/PlantinItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PlantinLight;
    src: url(https://connectied.id/fonts/Plantin/PlantinLight.woff2) format('woff2'), url(https://connectied.id/fonts/Plantin/PlantinLight.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PlantinBold;
    src: url(https://connectied.id/fonts/Plantin/PlantinBold.woff2) format('woff2'), url(https://connectied.id/fonts/Plantin/PlantinBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Perpetua;
    src: url(https://connectied.id/fonts/Perpetua-Titling-MT.woff2) format('woff2'), url(https://connectied.id/fonts/Perpetua-Titling-MT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: PPA-Semibold;
    src: url(https://connectied.id/fonts/PPAcma-Semibold.woff2) format('woff2'), url(https://connectied.id/fonts/PPAcma-Semibold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PPA-Black;
    src: url(https://connectied.id/fonts/PPAcma-Black.woff2) format('woff2'), url(https://connectied.id/fonts/PPAcma-Black.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PPE-Ultralight;
    src: url(https://connectied.id/fonts/PPEditorialOld/PPEditorialOld-Ultralight.woff2) format('woff2'), url(https://connectied.id/fonts/PPEditorialOld/PPEditorialOld-Ultralight.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PPE-Italic;
    src: url(https://connectied.id/fonts/PPEditorialOld/PPEditorialOld-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/PPEditorialOld/PPEditorialOld-Italic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PPE-UltraboldItalic;
    src: url(https://connectied.id/fonts/PPEditorialOld/PPEditorialOld-UltraboldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/PPEditorialOld/PPEditorialOld-UltraboldItalic.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: PFMarletDisplay-Regular;
    src: url(https://connectied.id/fonts/PFMarletDisplay-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/PFMarletDisplay-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Thin;
    src: url(https://connectied.id/fonts/Poppins/Poppins-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Thin.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-ThinItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-ThinItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-ThinItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-ExtraLight;
    src: url(https://connectied.id/fonts/Poppins/Poppins-ExtraLight.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-ExtraLight.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-ExtraLightItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-ExtraLightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-ExtraLightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Light;
    src: url(https://connectied.id/fonts/Poppins/Poppins-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-LightItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-LightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-LightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Regular.woff2") format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Regular;
    src: url("../fonts/Poppins-Regular.woff2") format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-RegularItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Italic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Medium;
    src: url(https://connectied.id/fonts/Poppins/Poppins-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-MediumItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-MediumItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-MediumItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(https://connectied.id/fonts/Poppins/Poppins-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-SemiBoldItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-SemiBoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-SemiBoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Bold;
    src: url(https://connectied.id/fonts/Poppins/Poppins-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-BoldItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-ExtraBold;
    src: url(https://connectied.id/fonts/Poppins/Poppins-ExtraBold.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-ExtraBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-ExtraBoldItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-ExtraBoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-ExtraBoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Black;
    src: url(https://connectied.id/fonts/Poppins/Poppins-Black.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-Black.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-BlackItalic;
    src: url(https://connectied.id/fonts/Poppins/Poppins-BlackItalic.woff2) format('woff2'), url(https://connectied.id/fonts/Poppins/Poppins-BlackItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: QuicheDisplay;
    src: url(https://connectied.id/fonts/QuicheDisplay-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/QuicheDisplay-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Quahon;
    src: url(https://connectied.id/fonts/Quahon.woff2) format('woff2'), url(https://connectied.id/fonts/Quahon.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Qeinsha;
    src: url(https://connectied.id/fonts/Qeinsha.woff2) format('woff2'), url(https://connectied.id/fonts/Qeinsha.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Quentin;
    src: url(https://connectied.id/fonts/Quentin.woff2) format('woff2'), url(https://connectied.id/fonts/Quentin.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Raleway-Light;
    src: url(https://connectied.id/fonts/Raleway/Raleway-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Raleway/Raleway-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Raleway-Regular;
    src: url(https://connectied.id/fonts/Raleway/Raleway-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Raleway/Raleway-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Raleway-Medium;
    src: url(https://connectied.id/fonts/Raleway/Raleway-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Raleway/Raleway-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Raleway-Bold;
    src: url(https://connectied.id/fonts/Raleway/Raleway-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Raleway/Raleway-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: RedHatDisplay-Regular;
    src: url(https://connectied.id/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/RedHatDisplay/RedHatDisplay-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: RedHatDisplay-SemiBold;
    src: url(https://connectied.id/fonts/RedHatDisplay/RedHatDisplay-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/RedHatDisplay/RedHatDisplay-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: RedHatDisplay-Bold;
    src: url(https://connectied.id/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/RedHatDisplay/RedHatDisplay-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: RetroSignature;
    src: url(https://connectied.id/fonts/RetroSignature.woff2) format('woff2'), url(https://connectied.id/fonts/RetroSignature.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: ReklameScript;
    src: url(https://connectied.id/fonts/ReklameScript-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/ReklameScript-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://connectied.id/fonts/Roboto/Roboto-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Roboto/Roboto-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Roboto-Regular;
    src: url(https://connectied.id/fonts/Roboto/Roboto-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Roboto/Roboto-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Roboto-Thin;
    src: url(https://connectied.id/fonts/Roboto/Roboto-Thin.woff2) format('woff2'), url(https://connectied.id/fonts/Roboto/Roboto-Thin.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Roboto-Light;
    src: url(https://connectied.id/fonts/Roboto/Roboto-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Roboto/Roboto-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Roboto-Medium;
    src: url(https://connectied.id/fonts/Roboto/Roboto-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Roboto/Roboto-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Roboto-Bold;
    src: url(https://connectied.id/fonts/Roboto/Roboto-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Roboto/Roboto-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Rockness;
    src: url(https://connectied.id/fonts/Rockness.woff2) format('woff2'), url(https://connectied.id/fonts/Rockness.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: RomanticLovely;
    src: url(https://connectied.id/fonts/Romantic-Lovely.woff2) format('woff2'), url(https://connectied.id/fonts/Romantic-Lovely.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: RomauntGaolines;
    src: url(https://connectied.id/fonts/RomauntGaolines.woff2) format('woff2'), url(https://connectied.id/fonts/RomauntGaolines.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Rosario;
    src: url(https://connectied.id/fonts/Rosario-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Rosario-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Rosario;
    src: url(https://connectied.id/fonts/Rosario-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Rosario-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Sackers-Italian-Script;
    src: url(https://connectied.id/fonts/SackersItalianScriptStd.woff2) format('woff2'), url(https://connectied.id/fonts/SackersItalianScriptStd.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Saint-Amour;
    src: url(https://connectied.id/fonts/Saint-Amour.woff2) format('woff2'), url(https://connectied.id/fonts/Saint-Amour.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SaintBartogenia;
    src: url(https://connectied.id/fonts/SaintBartogenia.woff2) format('woff2'), url(https://connectied.id/fonts/SaintBartogenia.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SavoyeRegular;
    src: url(https://connectied.id/fonts/SavoyeRegular.woff2) format('woff2'), url(https://connectied.id/fonts/SavoyeRegular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Scriptina;
    src: url(https://connectied.id/fonts/Scriptina.woff2) format('woff2'), url(https://connectied.id/fonts/Scriptina.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Semplicita;
    src: url(https://connectied.id/fonts/Semplicita-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Semplicita-Light.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Semplicita-Medium;
    src: url(https://connectied.id/fonts/Semplicita-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Semplicita-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: ShreeDev;
    src: url(https://connectied.id/fonts/ShreeDev0714.woff2) format('woff2'), url(https://connectied.id/fonts/ShreeDev0714.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'ShreeDev-Italic.';
    src: url(https://connectied.id/fonts/ShreeDev0714-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/ShreeDev0714-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: ShreeDev-Bold;
    src: url(https://connectied.id/fonts/ShreeDev0714-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/ShreeDev0714-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: ShreeDev-BoldItalic;
    src: url(https://connectied.id/fonts/ShreeDev0714-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/ShreeDev0714-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Silenter;
    src: url(https://connectied.id/fonts/Silenter.woff2) format('woff2'), url(https://connectied.id/fonts/Silenter.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Slight;
    src: url(https://connectied.id/fonts/Slight-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Slight-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: SofiaPro;
    src: url(https://connectied.id/fonts/SofiaPro/SofiaPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/SofiaPro/SofiaPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SofiaPro-Regular;
    src: url(https://connectied.id/fonts/SofiaPro/SofiaPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/SofiaPro/SofiaPro-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SofiaPro-Medium;
    src: url(https://connectied.id/fonts/SofiaPro/SofiaPro-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/SofiaPro/SofiaPro-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SofiaPro-SemiBold;
    src: url(https://connectied.id/fonts/SofiaPro/SofiaPro-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/SofiaPro/SofiaPro-SemiBold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SofiaPro-Bold;
    src: url(https://connectied.id/fonts/SofiaPro/SofiaPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/SofiaPro/SofiaPro-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SohneBreit-Normal;
    src: url(https://connectied.id/fonts/SohneBreit-Normal.woff2) format('woff2'), url(https://connectied.id/fonts/SohneBreit-Normal.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: SohneBreit-SemiBold;
    src: url(https://connectied.id/fonts/SohneBreit-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/SohneBreit-SemiBold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: TestSohneBreit;
    src: url(https://connectied.id/fonts/SohneBreit-Normal.woff2) format('woff2'), url(https://connectied.id/fonts/SohneBreit-Normal.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: TestSohneBreit-semibold;
    src: url(https://connectied.id/fonts/SohneBreit-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/SohneBreit-SemiBold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Southland;
    src: url(https://connectied.id/fonts/Southland.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Solway;
    src: url(https://connectied.id/fonts/Solway-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Solway-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Solway-Regular;
    src: url(https://connectied.id/fonts/Solway-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Solway-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Solway-Bold;
    src: url(https://connectied.id/fonts/Solway-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/Solway-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Sprat;
    src: url(https://connectied.id/fonts/Sprat-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Sprat-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Sprat-Regular;
    src: url(https://connectied.id/fonts/Sprat-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Sprat-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Sprat-Medium;
    src: url(https://connectied.id/fonts/Sprat-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Sprat-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: StarJedi;
    src: url(https://connectied.id/fonts/StarJedi.woff2) format('woff2'), url(https://connectied.id/fonts/StarJedi.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Stonewaller;
    src: url(https://connectied.id/fonts/Stonewaller.woff2) format('woff2'), url(https://connectied.id/fonts/Stonewaller.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: StudioPro;
    src: url(https://connectied.id/fonts/StudioPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/StudioPro-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: StudioProRegular;
    src: url(https://connectied.id/fonts/StudioPro-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/StudioPro-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: StudioProMedium;
    src: url(https://connectied.id/fonts/StudioPro-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/StudioPro-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: StudioProSemiBold;
    src: url(https://connectied.id/fonts/StudioPro-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/StudioPro-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: StudioProBold;
    src: url(https://connectied.id/fonts/StudioPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/StudioPro-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-Regular;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-Italic;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Italic.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Italic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-Light;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Light.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-LightItalic;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-LightItalic.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-LightItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-Bold;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-BoldItalic;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-BoldItalic.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-BoldItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-Black;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Black.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-Black.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Superclarendon-BlackItalic;
    src: url(https://connectied.id/fonts/SuperClarendon/Superclarendon-BlackItalic.woff2) format('woff2'), url(https://connectied.id/fonts/SuperClarendon/Superclarendon-BlackItalic.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Switzerland;
    src: url(https://connectied.id/fonts/Switzerland.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Sylfaen;
    src: url(https://connectied.id/fonts/sylfaen.woff2) format('woff2'), url(https://connectied.id/fonts/sylfaen.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Tangier;
    src: url(https://connectied.id/fonts/Tangier-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Tangier-Light.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Tangier-Light;
    src: url(https://connectied.id/fonts/Tangier-Light.woff2) format('woff2'), url(https://connectied.id/fonts/Tangier-Light.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Tangier-Medium;
    src: url(https://connectied.id/fonts/Tangier-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/Tangier-Medium.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: TeachersStudent-Regular;
    src: url(https://connectied.id/fonts/TeachersStudent-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/TeachersStudent-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Tempting;
    src: url(https://connectied.id/fonts/Tempting.woff2) format('woff2'), url(https://connectied.id/fonts/Tempting.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TenaliRamakrishna;
    src: url(https://connectied.id/fonts/TenaliRamakrishna-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/TenaliRamakrishna-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Thankyou;
    src: url(https://connectied.id/fonts/Thank-you.woff2) format('woff2'), url(https://connectied.id/fonts/Thank-you.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TheNautigal-Regular;
    src: url(https://connectied.id/fonts/TheNautigal-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/TheNautigal-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Thesignature;
    src: url(https://connectied.id/fonts/Thesignature.woff2) format('woff2'), url(https://connectied.id/fonts/Thesignature.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Times;
    src: url(Times-Regular.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Times-Bold;
    src: url(https://connectied.id/fonts/Times-Bold.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: Times-Italic;
    src: url(https://connectied.id/fonts/Times-Italic.woff2) format('woff2');
    font-display: swap
}

@font-face {
    font-family: TimesNewRoman;
    src: url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPSMT.woff2) format('woff2'), url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPSMT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TimesNewRoman-Regular;
    src: url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPSMT.woff2) format('woff2'), url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPSMT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TimesNewRoman-Italic;
    src: url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPS-ItalicMT.woff2) format('woff2'), url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPS-ItalicMT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TimesNewRoman-Bold;
    src: url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPS-BoldMT.woff2) format('woff2'), url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPS-BoldMT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TimesNewRoman-BoldItalic;
    src: url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPS-BoldItalicMT.woff2) format('woff2'), url(https://connectied.id/fonts/TimesNewRoman/TimesNewRomanPS-BoldItalicMT.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TenorSans-Regular;
    src: url(https://connectied.id/fonts/TenorSans-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/TenorSans-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TrajanPro-Regular;
    src: url(https://connectied.id/fonts/TrajanPro-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TrajanPro;
    src: url(https://connectied.id/fonts/TrajanPro.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: TrajanPro-Bold;
    src: url(https://connectied.id/fonts/TrajanPro-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/TrajanPro-Bold.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: TTHovesPro-Bold;
    src: url(https://connectied.id/fonts/TT-Hoves-Pro-Trial-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/TT-Hoves-Pro-Trial-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Violeta;
    src: url(https://connectied.id/fonts/Violeta.woff2) format('woff2'), url(https://connectied.id/fonts/Violeta.woff2) format('woff');
    font-display: swap
}

@font-face {
    font-family: WalkwayBlack;
    src: url(https://connectied.id/fonts/WalkwayBlack.woff2) format('woff2'), url(https://connectied.id/fonts/WalkwayBlack.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WalterTurncoat-Regular;
    src: url(https://connectied.id/fonts/WalterTurncoat-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/WalterTurncoat-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WorkSans-Regular;
    src: url(https://connectied.id/fonts/WorkSans/WorkSans-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/WorkSans/WorkSans-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WorkSans-Medium;
    src: url(https://connectied.id/fonts/WorkSans/WorkSans-Medium.woff2) format('woff2'), url(https://connectied.id/fonts/WorkSans/WorkSans-Medium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WorkSans-SemiBold;
    src: url(https://connectied.id/fonts/WorkSans/WorkSans-SemiBold.woff2) format('woff2'), url(https://connectied.id/fonts/WorkSans/WorkSans-SemiBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WorkSans-Bold;
    src: url(https://connectied.id/fonts/WorkSans/WorkSans-Bold.woff2) format('woff2'), url(https://connectied.id/fonts/WorkSans/WorkSans-Bold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WorkSans-ExtraBold;
    src: url(https://connectied.id/fonts/WorkSans/WorkSans-ExtraBold.woff2) format('woff2'), url(https://connectied.id/fonts/WorkSans/WorkSans-ExtraBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WhiteAngelica;
    src: url(https://connectied.id/fonts/WhiteAngelica.woff2) format('woff2'), url(https://connectied.id/fonts/WhiteAngelica.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WhiteGarden;
    src: url(https://connectied.id/fonts/WhiteGarden-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/WhiteGarden-Regular.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: WesternWonderment;
    src: url(https://connectied.id/fonts/Western-Wonderment.woff2) format('woff2'), url(https://connectied.id/fonts/Western-Wonderment.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: WestwoodStudio;
    src: url(https://connectied.id/fonts/Westwood-Studio.woff2) format('woff2'), url(https://connectied.id/fonts/Westwood-Studio.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: WonderfulDay;
    src: url(https://connectied.id/fonts/Wonderful-Day.woff2) format('woff2'), url(https://connectied.id/fonts/Wonderful-Day.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: YoureInvitedHeavy;
    src: url(https://connectied.id/fonts/YoureInvitedHeavy.woff2) format('woff2'), url(https://connectied.id/fonts/YoureInvitedHeavy.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Zapfino;
    src: url(https://connectied.id/fonts/Zapfino.woff2) format('woff2'), url(https://connectied.id/fonts/Zapfino.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: ZapfinoExtra;
    src: url(https://connectied.id/fonts/ZapfinoExtraLT-One.woff2) format('woff2'), url(https://connectied.id/fonts/ZapfinoExtraLT-One.otf) format('opentype');
    font-display: swap
}

@font-face {
    font-family: Katibeh-Regular;
    src: url(https://connectied.id/fonts/Katibeh-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Katibeh-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Yuanti-SC-Regular;
    src: url(https://connectied.id/fonts/Yuanti-SC-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/Yuanti-SC-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: SimSun;
    src: url(https://connectied.id/fonts/SimSun-01.woff2) format('woff2'), url(https://connectied.id/fonts/SimSun-01.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: NotoSerifSC-Regular;
    src: url(https://connectied.id/fonts/NotoSerifSC-Regular.woff2) format('woff2'), url(https://connectied.id/fonts/NotoSerifSC-Regular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: NotoSerifSC-Light;
    src: url(https://connectied.id/fonts/NotoSerifSC-Light.woff2) format('woff2'), url(https://connectied.id/fonts/NotoSerifSC-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: SouthKorea-Serif;
    src: url(https://connectied.id/fonts/South-Korea-Serif.woff2) format('woff2'), url(https://connectied.id/fonts/South-Korea-Serif.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Malayalam;
    src: url(https://connectied.id/fonts/Malayalam-Sangam-MN.woff2) format('woff2'), url(https://connectied.id/fonts/Malayalam-Sangam-MN.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: Arial-Unicode-ms;
    src: url(https://connectied.id/fonts/Arial-Unicode-ms.woff2) format('woff2'), url(https://connectied.id/fonts/Arial-Unicode-ms.ttf) format('truetype');
    font-display: swap
}