:root {
  /* margin  */
  --small-margin: 20px;
  --normal-margin: 40px;
  --big-margin: 80px;
  --body-margin: 12px;
  --body-margin-s: 18px;

  /* colors  */
  /*--hoverWhite: #FFF;
  --hoverBlack: #000;
  --hoverTextColor: #000;*/
  --hoverWhite: blueviolet;
  --hoverBlack: blueviolet;
  --hoverTextColor: #FFF;
  --mainColor: blueviolet;
  --textColor: #FFF;
  --backgroundColor: #000;
  --color-one : rgb(50, 30, 30); 
  --color-two : rgb(232, 198, 161);
  --color-three : rgb(231, 110, 167);
/*  --color-background: #ef233c;*/
/* --color-background : #c588ff;*/

  /* fonts */
  --title-font: "Baskervville", Helvetica, Arial, sans-serif;
  --text-font: "Baskervville", Helvetica, Arial, serif;
  --access-font: "Luciole", Helvetica, Arial, serif;

  /* font size */
  --h1Size: 42px;
  --h2Size: 28px;
  --fontSize: 18px;
  /*--smallSize: 0.7em;*/
  --smallSize: 13.5px;
  --smallsmallSize: 13.5px;


  /* header */
  --header-h: 130px; 
}