.class{
    border: 2px solid var(--class);
    color: var(--class);

    &:hover{
        border: 2px solid var(--white);
        background: var(--class);
        color: var(--white);
    }
    &.technician{
        --class: var(--technician);
    }
    &.mage{
        --class: var(--mage);
    }
    &.priest{
        --class: var(--priest);
    }
    &.rogue{
        --class: var(--rogue);
    }
    &.alchemist{
        --class: var(--alchemist);
    }
    &.ranger{
        --class: var(--ranger);
    }
    &.warrior{
        --class: var(--warrior);
    }
    &.monk{
        --class: var(--monk);
    }
    &.paladin{
        --class: var(--paladin);
    }
}

.row > * {
    min-height: 200px;
}