#hobbies .card.expert { border-left: 8px solid #d549ea; }
#hobbies .tag.expert { background-color: #d549ea44; color: #9509aa}
#hobbies .card.advanced { border-left: 8px solid #fa946f; }
#hobbies .tag.advanced { background-color: #fa946f44; color: #ba542f}
#hobbies .card.intermediate { border-left: 8px solid #ffcb3c;}
#hobbies .tag.intermediate { background-color: #ffcb3c44; color: #bf8b00;}
#hobbies .card.beginner { border-left: 8px solid #91ff4c; }
#hobbies .tag.beginner { background-color: #91ff4c44; color: #51bf0c;}
/* for the tag of the main colour -> background add 44 at the end, color substract each value by 64 (16*4) - grey(familiar stays same) */