.alliance-block {
display: flex;
background: #031e2f;
border: 1px solid #284155;
}
.alliance-cols {
display: flex;
height: 64px;
margin-top: 8px;
}
.alliance-col {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
}
.alliance-col:not(:first-child) {
margin-left: 2px;
}
.alliance-cell {
width: 8px;
height: 28px;
border: 1px solid #1c1e2a;
border-radius: 2px;
}
.alliance-cell2 {
width: 8px;
height: 18px;
border: 1px solid #1c1e2a;
border-radius: 2px;
}
.alliance-description {
display: flex;
margin-left: 10px;
align-items: center;
width: 250px;
font-weight: 600;
}
.bards {
background: #e000ec;
}
.rangers {
background: #ff5300;
}
.whisperers {
background: #34dfff;
}