.role1 {
    color: #ED7D95;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role2 {
    color: #E7D600;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role3 {
    color: #01B7ED;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role4 {
    color: #485EC6;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role5 {
    color: #FF5800;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role6 {
    color: #A664A0;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role7 {
    color: #D81C2F;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role8 {
    color: #84C36E;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role9 {
    color: #9CA5B9;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role10 {
    color: #37B484;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role11 {
    color: #A9A898;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role12 {
    color: #F69992;
    font-size: 1.3rem;
    font-weight: bolder;
}

.role13 {
    font-size: 1.3rem;
    font-weight: bolder;
    background-color: #FA8BFF;
    background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}