/* elements */
h1,
h2,
h3,
h4 {
    color: #013096;
}

a:hover {
    color: #ccc;
}

/* palette */
.transparent {
    background-color: none;
}

.yellow-text {
    color: #fab116;
    border-color: #fab116;
}

.yellow {
    background-color: #fab116;
    border-color: #fab116;
}

.orange-text {
    color: #fc6522;
    border-color: #fc6522;
}

.orange {
    background-color: #fc6522;
    border: none;
    color: #fff;
}

.navy {
    background-color: #013096;
    color: #fff;
}

.navy-text {
    color: #013096;
    border-color: #013096;
}

.blue-text {
    color: #14a3da;
    border-color: #14a3da;
}

.blue {
    background-color: #14a3da;
    color: #fff;
}

.green-text {
    color: #02ba9c;
    border-color: #02ba9c;
}

.green {
    background-color: #02ba9c;
    color: #fff;
}

.red {
    background-color: #d71921;
    color: #fff;
}

.red-text {
    color: #d71921;
}

.brown {
    background-color: #cf6833;
    color: #fff;
}

.brown-text {
    color: #cf6833;
}

.grey {
    background-color: #353c54;
    color: #fff;
}

.grey-text {
    color: #353c54;
}

.white {
    background-color: #fff;
    color: #ccc;
}

.white-text {
    color: #fff;
}

.dark {
    background-color: #2e2925;
    color: #fff;
}

.dark-text {
    color: #2e2925;
}