.lg{
font-size: 50px;

}

.phone{
@media only screen and (max-width: 768px) {
    font: 75%;
}
}

.hide{
    display: none;
    /*untested*/

}
.show{
    display: block;
    /*untested*/
}
.flex{
    display: flex;
    /*untested*/
}
.flexBox{
    display: flexbox;
}
.row{
    display: flex;
    flex-direction: row;
    /*you need to set the color*/
}
.col{
    display: flex;
    flex-direction: column;
    /*you need to set the color*/
}
multiCol{
display: flexbox;
}
.multiRow{
    display: flexbox;
}
.reverseCol{
    display: flex;
    flex-direction: column-reverse;
}
.reverseRow{
    display: flex;
    flex-direction: row-reverse;
}
.centerAndResponsive{
    margin:auto;
    width: auto;
    height: auto;
}
.responsive{
    width: auto;
    height: auto;
}
.title{
    font-size: 75px;
font-weight: 549;
}
.b{
    font-weight: 650;
    /*untested*/
}
.halfWidth{
    width: 50%;
    /*untested*/
}
.center{
    margin-left: auto;
    margin-right: auto;
}
.center15{
    margin-left: 15%;
    margin-right: 15%;
}
.fix{
    position: fixed;
    /*untested*/
}
.stick{
    position: sticky;
    /*not working*/
    
}
.overFlowLg{
    overflow:auto;
    height: 300px;
}
.overFlowSm{
    overflow: auto;
    height: 150px;
}
.borderReg{
    /*untested*/
    border: black solid 2px;
}
.bgBlack{
    background-color: black;
}
.bgWhite{
    background-color: white;
}
.themeDark{
    background-color: black;
    color: white;
}


h1, h2, h3, h4, h5, h6{
    font-size: 40px;
}
.doubleRegSize{
font-size: 200%;
}
.fullWidth{
    /*untested*/
    width: 100%;
}
/*text*/
.textRed{
    color: rgb(255, 0,0);
}
.textBlue{
    color: rgb(25, 40, 255);
}
.textLBlue{
    color: rgb(10, 199, 233);
}
.textFBlue{
    color: rgb(100, 199, 233);
}
.textFRed{
    color: rgb(255, 108, 108);
}
.textLRed{
    color: rgb(190, 30, 0);
}
  .textLFblue{
      color: #007bff;
  }
  .textFLblue{
    color: #007bff;
  }
  .textLFRed{
   color:#dd394a;;
  }
  .textFLRed{
    color: #dd394a;
  }

  /*text*/
  /*bg*/
  .bgLBlue{
    background-color: rgb(10, 199, 233);
  }
  .bgFBlue{
    background-color: rgb(100, 199, 233);
  }
  .bgFRed{
      background-color: rgb(255, 108, 108);
  }
  .bgLRed{
      background-color: rgb(190, 30, 0);
  }
  .bgLGreen{
      background-color: rgb(100, 255, 0);
  }
  .bgFGreen{
      background-color: rgb(108, 255 , 108);
  }
  .bgLFGreen{
    background-color: #27a745;
  }
  .bgFlGreen{
    background-color: #27a745;
  }
  .bgLFBlue{
    background-color: #007bff;
}
.bgFLBlue{
  background-color: #007bff;
}
.bgLFRed{
 background-color:#dd394a;;
}
.bgFLRed{
 background-color:#dd394a;
}
  /*bg*/
  .sm{
      font-size: 5px;
  }
  .right{
      float: right;
      /*untested*/
  }
  .left{
      float: left;
      /*untested*/
  }
  .col1_3{
      float: left;
      width: 33.33%;
      /*untested*/
  }
  .col2_3{
      float:left;
      width: 33.33%;
      /*untested*/
  }
  .col3_3{
      float: right;
      /*untested*/
      width: 33.33;
  }
  .col1_2{
      float: right;
      width: 50%;
      /*untested*/
  }
  .col2_2{
      float: left;
      width: 50%;
      /*untested*/
  }
  .col1_4{
      float: left;
      width: 25%;
      /*untested*/
  }
  .col2_4{
      float: left;
      width: 25%;
      /*untested*/
  }
  .col3_4{
      float: left;
      width: 25%;
      /*untested*/
  }
  .col4_4{
      float: right;
      width: 25%;
      /*untested*/
  }
  .roundedCorners{
border-radius: 6px;
/*untested*/
  }
  .circleLg{
      border-radius: 50rem;
      width: 25rem;
      height: 25rem;
  }
  .circleMd{
      border-radius: 50rem;
      width: 15rem;
      height: 15rem;
  }
  .circleSm{
      border-radius: 50%;
      width: 5rem;
      height: 5rem;
  }
  .magnifier:hover{
      transform: scale(1.2);
      /*untested*/
  }
  .linearGrad-R-B{
      background-image: linear-gradient(red, blue);
  }
  .radialGrad-R-B{
      background-image: radial-gradient(red, blue);
  }
  .linearGrad-G-B{
      background-image: linear-gradient(green, blue);
  }
  .radialGrad-G-B{
      background-image: radial-gradient(green, blue);
  }
  .radialGrad-B-Y{
      background-image: radial-gradient(yellow, blue);
  }
  .linearGrad-B-Y{
      background-image: linear-gradient (yellow, blue);
  }
  .radialGrad-B-B{
      background-image: radial-gradient(black, blue);
  }
  .radialGrad-P-B{
      background-image: radial-gradient(purple, blue);
  }
  .linearGrad-P-B{
      background-image: linear-gradient(purple, blue);
  }
  /*-----------------------------------------------------*/
.linearGrad-P-R{
    background-image: linear-gradient(purple, red);
}
.radialGrad-P-R{
    background-image: radial-gradient(purple, red);
}
.linearGrad-B-R{
    background-image: linear-gradient(blue, red);
}
.radialGrad-B-R{
    background-image: radial-gradient(blue red);
}
.linearGrad-Y-R{
    background-image: linear-gradient(yellow, red)
}
.radialGrad-Y-R{
    background-image: radial-gradient(yellow, red);
}
.linearGrad-G-R{
    background-image: linear-gradient(green, red);
}
.radialGrad-G-R{
    background-image: radial-gradient(green, red);
}
/*--------------------------------------------------------------*/
  .linearGrad-G-Y{
      background-image: linear-gradient(green, yellow);
  }
  .radialGrad-G-Y{
      background-image: radial-gradient(green, yellow);
  }
  .radialGrad-R-Y{
      background-image: radial-gradient(red, yellow);
  }
  .linearGrad-R-Y{
      background-image: linear-gradient(red, yellow);
  }
  .radialGrad-P-Y{
      background-image: radial-gradient(purple, yellow);
  }
  .linearGrad-P-Y{
      background-image: linear-gradient(purple, yellow);
  }
  .linearGrad-B-Y{
      background-image: linear-gradient(blue, yellow);
  }
  .radialGrad-B-Y{
      background-image: radial-gradient(blue, yellow);
  }
  /*-----------------------------------------------------------------*/
  .linearGrad-B-P{
      background-image: linear-gradient(blue, purple);
  } 
  .radialGrad-B-P{
      background-image: radial-gradient(blue, purple);
  }
  .radialGrad-R-P{
      background-image: radial-gradient(red, purple);
  }
  .linearGrad-R-P{
      background-image: linear-gradient(red, purple);
  }
  .radialGrad-G-P{
      background-image: radial-gradient(green, purple);
  }
  .linearGrad-G-P{
    background-image: linear-gradient(green, purple);
  }
  .radialGrad-Y-P{
    background-image: radial-gradient(yellow, purple);
  }
  .linearGrad-Y-P{
    background-image: linear-gradient(yellow, purple);
  }
  /*-------------------------------------------------------*/
  .radialGrad-R-G{
    background-image: radial-gradient(red, green);
  }
  .linearGrad-R-G{
      background-image: radial-gradient(red, green);
  }
  .radialGrad-P-G{
    background-image: radial-gradient(purple, green);
  }
  .linearGrad-P-G{
      background-image: linear-gradient(purple, green);
  }
  .radialGrad-P-B{
      background-image: radial-gradient(purple, blue);
  }
  .linearGrad-P-B{
      background-image: linear-gradient(purple, blue);
  }
  .radialGrad-P-R{
    background-image: radial-gradient(purple, red);
  }
  .linearGrad-P-R{
    background-image: linear-gradient(purple, red);
  }
  .radialGrad-P-Y{
    background-image: radial-gradient(purple, yellow);
  }
  .linearGrad-P-Y{
    background-image: linear-gradient(purple, yellow);
  }
/*-------------------------------------------------------------*/
  .darkBlur{
    box-shadow: 10px 10px 5px black;
  }
  .center30{
      margin-left: 30%;
      margin-right: 30%;
  }