:root {
    --blue: rgb(49, 196, 243);
    --black: rgb(17, 17, 17);
    --gray: rgb(243, 243, 243);
    --medium-gray: rgb(180, 180, 180);
    --white: rgb(255, 255, 255);
}

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

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

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

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

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

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

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

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

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

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

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