: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;
}
/********************************************************/
.center10 {
  width: 10%;
  display: block;
  margin: auto;
}

.center20 {
  width: 20%;
  display: block;
  margin: auto;
}

.center30 {
  width: 30%;
  display: block;
  margin: auto;
}

.center40 {
  width: 40%;
  display: block;
  margin: 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;
}

.justifyText {
  text-align: justify;
}
/*** paragraph margins ****************************************************/
.margin0 {
  margin: 0;
}

.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 !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.inline {
  display: inline;
}

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


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

.fontsize2rem {
  font-size: 2rem;
}

.padding {
  padding: 1rem;
}

.paddingBot1R {
  padding-bottom: 1rem;
}

.bg-white {
  background-color: white;
}

.underline {
  text-decoration: underline;
}