:root{

    --main-color: #95C11F;

    --error-color: red;

    --darkgrey: #1f272d;

    --box-shadow-color: rgba(0,0,0, 0.4); 

    --text-color: #3C3C3B;

    --light-blue: #99D3DF;

}



.text-white{

    color: white;

    transition: all ease 0.25s;

}



a.text-white:hover{color:var(--main-color)}



.background-white{background-color: white}



.text-black{

    color: black;

    transition: all ease 0.25s;

}



/***** HOVER *****/

a.text-black:hover{color:var(--main-color)}







/***** BOX SHADOW *****/

.box-shadow-0{ box-shadow: 0 0 5px transparent}

.box-shadow-1{ box-shadow: 0 0 5px var(--darkgrey);}







.background-black{background-color: black}

.border-white-1{border:1px solid var(--white)}



/***** ERRORS *****/

.text-error{color: var(--error-color)}

.background-error{background-color:var(--error-color)}

.border-error-1{border:1px solid var(--error-color)}



.background-none{

    background: none;

}