.challenges {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 3px;

    a:hover, a:visited, a:link, a:active {
        color: inherit;
        text-decoration: none;
    }

    & > div:first-child > * > * {
        font-weight: bold;
        background: #989;
    }

    & > * > *:nth-child(2n+1) > * {
        background: rgba(255, 255, 255, 0.1);
    }

    & > * > *:nth-child(2n) > * {
        background: rgba(255, 255, 255, 0.2);
    }

    & > * > *:hover > * {
        background: rgba(255, 255, 255, 0.4);
        cursor: grab;
    }

    & > * > * {

        & > * {
            border: 1px solid;
            padding: 2px 8px 2px 8px;
        }

        & > *:nth-child(1) {
            border-radius: 9px 0 0 9px;
            border-right-style: none;
        }

        & > *:nth-child(2) {
            border-left-style: none;
            border-right-style: none;
        }

        & > *:nth-child(3) {
            border-radius: 0 9px 9px 0;
            border-left-style: none;
        }

    }

}

.participants a, .participants a:visited {
    transition: 1s;
    display: inline-block;
    font-family: Topaz_a1200;
    color: #410641;
    text-decoration: none;
    padding: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    background: rgb(220, 220, 220);
    border-radius: 2px;
    border: none;
}

.participants a:hover {
    transition: 0.3s;
    background: rgb(117, 143, 185);
    color: rgb(220, 220, 220);
}

.participants a:active {
    transition: 0.1s;
    background: #410641;
    color: rgb(117, 143, 185);
}