@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&display=swap');

.text-roboto{
  font-family: 'Montserrat', sans-serif;
}


/******************************* font size **************/
    .font-10{
    font-size: 10px !important;
    }
    .font-11{
      font-size: 11px !important;
      }
    .font-12{
    font-size: 12px !important;
    }
    .font-13{
      font-size: 13px !important;
      }
    .font-14{
    font-size: 14px !important;
    }
    .font-16{
    font-size: 16px !important;
    }
    .font-18{
    font-size: 18px !important;
    }
    .font20{
    font-size: 20px !important;
    }
    .font-20{
      font-size: 20px !important;
      }
    .font-21{
      font-size: 21px !important;
      }
    .font-22{
    font-size: 22px !important;
    }
    .font-24{
    font-size: 24px !important;
    }
    .font-30{
      font-size: 30px !important;
      }
    .font-35{
      font-size: 35px !important;
      }
    .font-40{
      font-size: 40px !important;
      }
    .font-50{
      font-size: 50px !important;
      }
    .font-60{
      font-size: 60px !important;
      }
    .font90
      {
        font-size: 90px !important;
      }
      .font-100
      {
        font-size: 100px !important;
      }
    .font-120
      {
        font-size: 120px !important;
      }

        /***********************  varios colores de texto ********************/
        .font-carrot {
            color : #e67e22;
          }
          .text-pumpkin {
            color : #d35400;
          }
          .font-alizarin {
            color : #e74c3c;
          }
          .font-greensea {
            color : #16a085;
          }
          .font-belizehole {
            color : #2980b9;
          }
          .font-midnight {
            color : #2c3e50;
          }
          .font-deepcove {
            color : #130f40;
          }
          .font-blurple {
            color : #4834d4;
          }
          .text-purple{
            color: #6728ff;
          }
          .font-harelyorange {
            color : #c23616;
          }
          .text-wisteria { color:#8e44ad;}
          .text-black{color:black !important}
          .text-secondary{color:#343a40 !important}

          /************  fuentes *************************************/
          
          .font-consolas{
            font-family:  Consolas,monaco,monospace !important;
          }
      
          .font-convergence{
            font-family: Convergence; 
          }
/***********************  para links **************************/

.a-bio
{
  color: #ff5d00 !important;
} 
.a-bio:hover
{
  color: #b34607 !important;
  cursor: pointer !important;
} 


.a-primary
{
  color: #007bff !important;
} 
.a-primary:hover
{
  color: #0069d9 !important;
  cursor: pointer !important;
} 
.a-secondary
{
  color: #6c757d !important;
} 
.a-secondary:hover
{
  color: #343a40 !important;
  cursor: pointer !important;
} 
.a-success
{
  color: #28a745 !important;
}
.a-success:hover
{
  color: #218838 !important;
  cursor: pointer !important;
}


.sel-success
{
  color: gray !important;
}
.sel-success:hover
{
  color: #218838 !important;
  cursor: pointer !important;
}


.a-danger
{
  color: #dc3545 !important;
}
.a-danger:hover
{
  color: #c82333 !important;
  cursor: pointer !important;
}
.a-warning
{
  color: #ffc107 !important;
}
.a-warning:hover
{
  color: #e0a800!important;
  cursor: pointer !important;
}

.a-black
{
  color: #000 !important;
}
.a-black:hover
{
  color: #852b2b !important;
  cursor: pointer !important;
}

.a-white
{
  color: rgb(197, 194, 194) !important;
}
.a-white:hover
{
  color: #fcf9f9 !important;
  cursor: pointer !important;
}


.sel-success
{
  color:#6c757d;
}
.sel-success:hover
{
  color: #19bd3c !important;
  cursor: pointer !important;
}

.a-white
{
  color: #ffff !important;
  cursor: pointer !important;
}
.a-white:hover
{
  color: #d7d7d7 !important;
  cursor: pointer !important;
}



.a-deep
{
  color: #e67e22 !important;
  cursor: pointer !important;
}
.a-deep:hover
{
  color: #d35400 !important;
  cursor: pointer !important;
}