.green-text {
    color: #AAFF00;
}

.orange-text {
    color: #FFCC00;
}

.red-text {
    color: #FF0000;
}

.client-group {
    margin-bottom: 5px;
}

.client-list {
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.client {
    background-color: #99999942;
    margin: 5px;
    padding: 0px 15px;
    flex: 30%;
    border-radius: 20px;
}

.client-links {
    border-top: 2px solid var(--x-theme-color);
}

.client-links a {
    text-decoration: none;
    color: #663300;
    background-color: var(--x-theme-color);
    border-radius: 20px;
    padding: 10px;
}

.client-links a:hover,
.client-links a:focus,
.client-links a:active {
    box-shadow: 0px 0px 5px #663300;
}

@media (max-width: 720px) {
    .client {
        flex: 100%;
    }
}