/* ---Fonts Start--- */
@font-face {
    font-family: 'Hubot Sans';
    src: url(/assets/fonts/Hubot-Sans.ttf);
    /* Font name: Hubot Sans
    License: SIL Open Font License, Version 1.1 */
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url(/assets/fonts/PlusJakartaSans[wght].ttf);
    /* Font name: Plus Jakarta Sans
    License: SIL Open Font License, Version 1.1  */
}

@font-face {
    font-family: 'DM Sans';
    src: url(/assets/fonts/DMSans[opsz\,wght].ttf);
    /* Font name: DM Sans
    License: SIL Open Font License, Version 1.1 */
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url(/assets/fonts/JetBrainsMono[wght].ttf);
    /* Font name: JetBrains Mono
    License: SIL Open Font License, Version 1.1 */
}
/* ---Fonts end--- */

:root{
    --title: 'Hubot Sans';
    --titlewt: 750;
    --titlecolor: #00103e;
    --titlesize: 35px;
    --subtitle: 'DM Sans';
    --subtitlewt: 600;
    --subtitlecolor: #4a4a4a;
    --subtitlesize:25px;
    --bodytxt:'Plus Jakarta Sans';
    --bodytxtwt: 500;
    --bodytxtcolor: #000000;
    --bodytxtsize:15px;
    --decofont: 'JetBrains Mono';
    --decofontwt: 650;
    --decofontcolor: #000000;
    --decofontsize:20px;
}

.title{
    font-family: var(--title);
    font-weight: var(--titlewt);
    color: var(--titlecolor);
    font-size: var(--titlesize);
    text-align: center;
}

.subtitle{
    font-family: var(--subtitle);
    font-weight: var(--subtitlewt);
    color: var(--subtitlecolor);
    font-size: var(--subtitlesize);
    text-align: center;
}

.bodytxt{
    font-family: var(--bodytxt);
    font-weight: var(--bodytxtwt);
    color: var(--bodytxtcolor);
    font-size: var(--bodytxtsize);
}

.decofont{
    font-family: var(--decofont);
    font-weight: var(--decofontwt);
    color: var(--decofontcolor);
    font-size: var(--decofontsize);
}