@font-face {
    font-family: 'poppinsblack';
    src: url('../componentes/fonts/poppins-black-webfont.woff2') format('woff2'),
         url('../componentes/fonts/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  @font-face {
    font-family: 'poppinsbold';
    src: url('../componentes/fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../compontentes/fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  @font-face {
    font-family: 'poppinslight';
    src: url('../componentes/fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../componentes/fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  @font-face {
    font-family: 'poppinsmedium';
    src: url('../componentes/fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../componentes/fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  @font-face {
    font-family: 'poppinsregular';
    src: url('../componentes/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../componentes/fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  @font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }