:root {
  /*
  --silver100: hsl(1,1%,95%);
  --silver200: hsl(1,1%,80%);
  --silver300: hsl(1,1%,62%);
  --silver400: hsl(1,1%,42%);
  --silver500: hsl(1,1%,30%);
  --silver600: hsl(1,1%,17%);
  */
  --silver100: hsl(0,0%,90%);
  --silver200: hsl(0,0%,80%);
  --silver300: hsl(0,0%,62%);
  --silver400: hsl(0,0%,42%);
  --silver500: hsl(0,0%,30%);
  --silver600: hsl(0,0%,17%);

}


/** Index **/
/* 1. blinking: blink text*/
/* 2. red: text color = red */
/* 3. center: center image, div etc */
/* 4. centerText: center text */
/* 5. box-shadowGrey */
/* 6. c-block: display: block; */

/**1. blinking ***************************************/
.blinking {
  /*animation:blinkingText 1.2s infinite;*/
  animation:blinkingText 1s infinite;
}
@keyframes blinkingText{
  0%{     opacity: 1;    }
  50%{    opacity: 0;    }
  100%{   opacity: 1;    }
}
/**2. red ********************************************/
.red {
  color: red;
}
/**2. white ********************************************/
.white {
  color: white;
}
/****************************************************/
.yellow {
  color: yellow;
}

/*************************************************/
.orange {
  color: orange;
}
/***************************************************/
.bold {
  font-weight: 800;
}
/**************************************************/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/**center width 50%********************************************************/
.center50 {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/**center width 60%********************************************************/
.center60 {
  width: 60%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/**center width 80%********************************************************/
.center80 {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/**center width 90%********************************************************/
.center90 {
  width: 90%;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
/**4. centerText *********************************************************/
.centerText {
  text-align: center;
}
/*** paragraph margins ****************************************************/
.margin5 {
  margin-left: 5%;
  margin-right: 5%;
}
/**5. box-shadowGrey ********************************************************/
.box-shadowGrey {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px grey;
}
/**6. c-block ********************************************************/
.c-block {
  display: block;
}
/**opacity 0.5 ********************************************************/
.opacity5 {
  opacity: 0.5;
}
/**textmuted **********************************************************/
.text-muted {
  opacity: 0.6;
}

.inline-block {
  display: inline-block;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.inline {
  display: inline;
}

.fontsize12 {
  font-size: 12px !important;
}