:root {
    --black: #000000;
    --gray: #6F747B;
    --light-gray: #C6C6C8;
    --white: #ffffff;
    --orange: #FF9500;
    --yellow: #FFF684;
    --pink: #f15f7a;
    --fuscia: #ec008c;
    
    --borders: #E6E6E6;
    --hover: #55AAE2;
    --side-margins: 3.5vw;
    --border-radius: 0;
} 

/*Text Colors*/
.black{
	color: var(--black);
}

.gray{
	color: var(--gray);
}

.light-gray{
	color: var(--light-gray);
}

.white{
	color: var(--white);
}

.orange{
	color: var(--orange) !important;
}

.white .yellow,
.yellow{
	color: var(--yellow) !important;
}

.pink{
	color: var(--pink) !important;
}

.fuscia{
	color: var(--fuscia) !important;
}

/*Background Colors*/
.bg-black{
    background-color: var(--black);
    color: var(--white);
}

.bg-white{
	background-color: var(--white);
}

.bg-gray{
    background-color: var(--gray);
}

.bg-light-gray{
    background-color: var(--light-gray);
}

.bg-orange{
    background-color: var(--orange);
}

.bg-pink{
    background-color: var(--pink);
}