:root {
  /***COLORS***/
  --white:#fff;
  --lightwhite:rgba(255,255,255,0.7);
/*  --navbar:rgba(180,149,198, 0.7);*/
  --navbar:rgba(255,255,255, 0.7);
  /* --navbartext:rgba(195,191,215, 0.6); */
  --navbartext:rgba(180,47,135, 0.5);

  --blueColor: rgb(186,227,250);
  --violetColor:rgb(180,149,198);
  --darkVioletColor: rgb(180,47,135);
  --reddishColor: rgb(118,72,99);
  --paleWhite: rgb(201,228,223);

  /***FONTS***/
  --fontPortfolioTitle:'Petit Formal Script', cursive;
  --fontBody:'Quicksand', sans-serif;
  --fontNavBar:'Lora', serif;
  --fontNavBarNardjis: 'Lato', sans-serif;
    /* --turquoise:#a3e4d7;
  --darkblueL: rgb(51,59,122);
  --middleblueL: rgb(106,105,155);
  --lightblueL: rgb(195,191,215);

  --darkenblue: #2C3E50;



  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #fff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40; */
  }