:root{
    --white: #fff;
    --black: #000;

    --base: #333333;    
    --base2: #333334; 
    --base3: #484c55;
    

    --grey: #464a53;
    --grey2: #474b54;
    --grey2_rgba: rgba(71,75,84,0.9);
    
    --grey3: #3f3f3f;
    --grey4: #575757;

    --grey5: #868686;
    --grey6: #919499;
    --grey7: #777777;


    --ligth-grey: #efefef;
    --ligth-grey2: #dfdede;
    --ligth-grey3: #f4f4f4;
    --ligth-grey4: #929294;
    --ligth-grey5: #e4e4e5;

    --dark-grey: #444b53;
    --dark-grey2: #434b53;
    --dark-grey2_rgba: rgba(67, 75, 83, 0.9);
    --dark-grey3: #483949;

    --green:#98b900;
    --green2: #65ae84;
    --green3: #a3b73a;
    
    
    --yellow: #f5f2e9;

}

.shadow{
    -webkit-box-shadow: 0px 0px 10px 3px rgba(55, 70, 55, 0.45);
  -moz-box-shadow: 0px 0px 10px 3px rgba(55, 70, 55, 0.45);
  box-shadow: 0px 0px 10px 3px rgba(55, 70, 55, 0.45);
}

.transition{
    transition: all ease .4s; 
}

mark{
    background: var(--ligth-grey2)!important;
}