@font-face {
    font-family: 'Involve';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Involve-Regular.ttf')
}

@font-face {
    font-family: 'Involve';
    font-style: italic;
    font-weight: normal;
    src: url('/fonts/Involve-Oblique.ttf');
}


@font-face {
    font-family: 'Involve';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Involve-Medium.ttf');
}

@font-face {
    font-family: 'Invove';
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/Involve-MediumOblique.ttf')
}


@font-face {
    font-family: 'Involve';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/Involve-SemiBold.ttf')
}

@font-face {
    font-family: 'Involve';
    font-style: italic, oblique;
    font-weight: 600;
    src: url('/fonts/Involve-SemiBoldOblique.ttf')
}


@font-face {
    font-family: 'Involve';
    font-style: normal;
    font-weight: bold;
    src: url('/fonts/Involve-Bold.ttf');
}

@font-face {
    font-family: 'Involve';
    font-style: italic;
    font-weight: bold;
    src: url('/fonts/Involve-BoldOblique.ttf');
}


@font-face {
    font-family: 'JetBrainsMono';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/JetBrainsMono-Regular.ttf');
}



html, body {
    font-family: 'Involve', sans-serif;
    margin: 0;
}


code {
    color: #9f9f9f;
    font-family: 'JetBrainsMono', sans-serif;
}