/* Jtbrains Mono */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('../Fonts/jetbrains/webfonts/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.j_regular{
   font-family: 'JetBrains Mono';
   font-weight: 500;
   font-style:normal;
   font-display: swap;
}

.j_medium{
  font-family: 'JetBrains Mono';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.j_mediumitalic{
    font-family: 'JetBrains Mono';
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

.j_italic{
   font-family: 'JetBrains Mono';
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

.j_extrabold{
    font-family: 'JetBrains Mono';
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

.j_extraBolditalic{
   font-family: 'JetBrains Mono';
   font-weight: 350;
   font-style:italic; 
}

.j_extra_bold{
    font-family: 'JetBrains Mono';
    font-weight: 800;
    font-style:normal;
}

.j_bold{
    font-family: 'JetBrains Mono';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.j_bolditalic{
    font-family: 'JetBrains Mono';
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Neue Haas Grotesk Display */
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayLight.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 100;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayXXThin.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 100;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayXXThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayXThin.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 200;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayXThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayThin.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 300;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayRoman.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 500;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayRomanItalic.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayMediu.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 600;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayMediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayBold.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 700;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayBlack.woff') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 900;
    src: local('Neue Haas Grotesk Display Pro'), url('../Fonts/neuehaas/NeueHaasDisplayBlackItalic.woff') format('woff');
}

.nh_light{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 400;  
}

.nh_lightItalic{
    font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 400;
	font-style: italic;   
}

.nh_xxthin{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 100;  
}

.nh_xxthinitalic{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 100;  
}

.nh_xthin{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 200;
}

.nh_xthinitalic{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 200;
}

.nh_thin{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 300;
}

.nh_thinitalic{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 300;
}

.nh_roman{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
}

.nh_romanitalic{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 500;
}

.nh_medium{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
}

.nh_mediumitalic{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 600;
}

.nh_bold{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 700;
}

.nh_bolditalic{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 700;
}


.nh_black{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 700;
}

.nh_blackitalic{
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 700;
}