/* #slack-img -> references an id="this-value" */
#slack-img {
	width: 150px;
	height: auto;
}
#submit-button {
	background-color: #4a154b;
	color: #ffffff;
	border-color: #4a154b;
}
#btn-web-app {
	background-color: #ffffff;
	color: #4a154b;
	border-color: #4a154b;
}

#btn-desktop-app {
	background-color: #4a154b;
	color: #ffffff;
	border-color: #4a154b;
}

/* .card -> references a class="this-value" */
.card {
	border: none;
	background-color: white;
}
.card-header {
	border: none;
	background-color: #ebeaeb;
}
.card-footer {
	border: none;
	background-color: #ebeaeb;
}

a {
	color: #006cb8;
	text-decoration: underline;
}
a:hover {
	color: #00505c;
}

.footer-font {
	font-size: 1.1em;
	color: #4a154b;
	/* this is the black color that's used in the body, but I like the slack aubergine color better
    color: #212529 */
}

/* overriding h1 to about an h3 font size */
h1 {
	font-size: 2em;
}

/* this gets rid of any ugly bars that will display to create some spacing in the divs & forms */
hr {
	display: none;
}