@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700,900');
    
/* ----------------------------------------- */

:root{
  --white-color: 255,255,255;
  --black-color: 0,0,0;
  --thtone-color: 78,89,101;
  --lighttone-color: 151,154,158;
  --midtone-color: 201,173,180;
  --darktone-color: 21,59,103;
/* ----------------------------------------- */
  --gradientBG-color: radial-gradient(circle, rgba(21,59,103,0) 50%, rgba(21,59,103,0) 150%);
/* ----------------------------------------- */
  --base-font: 'Roboto', sans-serif;
  --title-font: 'Oswald', sans-serif;
  --caption-font: 'Open Sans', sans-serif;
  --icon-font: 'Glyphicons Halflings';

  }