/* #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;
}