@font-face
{
    font-family:nunito_xbold;
    src:url(Nunito-Bold.ttf);
}

@font-face
{
    font-family:nunito_bold;
    src:url(Nunito-Bold.ttf); 
}

@font-face
{
    font-family:nunito_regular;
    src:url(Nunito-Regular.ttf);
}

@font-face
{
    font-family:nunito_light;
    src:url(Nunito-Regular.ttf);
}

@font-face
{
    font-family:nunito_xbold;
    src:url(Nunito-ExtraBold.ttf); 
}

:root {
  --font-default: "nunito_regular";
  --font-primary: "nunito_regular";
  --font-secondary: "nunito_bold";
  --font-light: "nunito_light";
  --font-xbold: "nunito_xbold";
}

/* Colors */
:root {
  --color-default: #0a0d13;
  --color-primary: #0d42ff;
  --color-secondary: #0e1d34;
}

/* Smooth scroll behavior */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body{  
  font-family: var(--font-default) !important;
}

a{
  color: var(--color-primary);
  font-family: var(--font-default) !important;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: var(--font-secondary) !important;
}

p{
  font-family: var(--font-default) !important;
  font-size: 18px;
}

ul > li > a{
  font-family: var(--font-default) ;
}


.xbold{
  font-family: var(--font-xbold) !important;
}