body {
    background-color: var(--color1);
}

/* Heading Colors */
h1, h2, h3, h4, h5, h6 {
    color: var(--color5);
}
p {
    color: var(--color5)
}
.card {
    background-color: var(--color2);
    color: var(--color5)
}
.card:hover {
    background-color: var(--color3);
    color: var(--color6);
}

.imagepad {
    padding: 10px
}

.icon-span{
    font-size: 5vw; 
    color: var(--color3);
    justify-content: center;
    width: 100%;
  }
.icon-span:hover{
    color: var(--color2);
}
.fas {
    justify-content: center;
    width: 100%;
}
.nopadding {
    padding: 0;
    margin: 0;
}
.textcenter{
    text-align: center;
}
.nounderline:hover {
    text-decoration: none;
}