:root {
    --blue: #37C9EB;
    --pink: #D66AAE;
    --light-pink:#DF96C2;
    --black: #282828;
    --dark-gray: #505050;
    --alt-gray: #f4f4f4;
    --white: #ffffff;
    
    --hover-color:#DF96C2;
    --borders: #D5D5D5;
}

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

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

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

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

.white,
.white p, 
.white h1,
.white h2, 
.white h3,
.white h4{
	color: var(--white);
}

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

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

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

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

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

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