@import url(../fonts/Arimo/Arimo-Italic-VariableFont_wght.ttf);
:root{
    --azul: #345DA8;
    --amarillo: #FECC57;
    --blanco: #ffffff;
    --negro: #000;
    --gris: #b2b1b7;
    --gris-claro: #f9f9f9;

    /* Degradado */

    --azul-obscuro: #345DA8;
    --azul-claro: #87A6D6;
    --azul-obscuro-transparente: #345da8b1;
    --azul-claro-transparente: #87a7d668;
  }

  @font-face {
    font-family: ArimoVariableFont;
    src: url(../fonts/Arimo/Arimo-VariableFont_wght.ttf);
  }
  @font-face {
    font-family: ArimoVariableFontItalic;
    src: url(../fonts/Arimo/Arimo-Italic-VariableFont_wght.ttf);
  }
  @font-face {
    font-family: AsapVariableFont;
    src: url(../fonts/Asap/Asap-VariableFont_wdth\,wght.ttf);
  }
  @font-face {
    font-family: AsapVariableFontItalic;
    src: url(../fonts/Asap/Asap-Italic-VariableFont_wdth\,wght.ttf);
  }
  @font-face {
    font-family: MontserratVariableFont;
    src: url(../fonts/Montserrat/Montserrat-VariableFont_wght.ttf);
  }
  @font-face {
    font-family: RalewayVariableFont;
    src: url(../fonts/Raleway/Raleway-VariableFont_wght.ttf);
  }
  
a{
  font-family: RalewayVariableFont;
}
h2,h3,h4{
  font-family: RalewayVariableFont;
  font-weight: bold;
}  
p{
  font-family: RalewayVariableFont;
}