container dd:nth-child(30n+11) .friend-link { background: #ff0040; }
.friend-links-container dd:nth-child(30n+12) .friend-link { background: #ff7c00; }
.friend-links-container dd:nth-child(30n+13) .friend-link { background: #006c82; }
.friend-links-container dd:nth-child(30n+14) .friend-link { background: #77674b; }
.friend-links-container dd:nth-child(30n+15) .friend-link { background: #996699; }
.friend-links-container dd:nth-child(30n+16) .friend-link { background: #666666; }
.friend-links-container dd:nth-child(30n+17) .friend-link { background: #006699; }
.friend-links-container dd:nth-child(30n+18) .friend-link { background: #993333; }
.friend-links-container dd:nth-child(30n+19) .friend-link { background: #993333; }
.friend-links-container dd:nth-child(30n+20) .friend-link { background: #333300; }
.friend-links-container dd:nth-child(30n+21) .friend-link { background: #663366; }
.friend-links-container dd:nth-child(30n+22) .friend-link { background: #003300; }
.friend-links-container dd:nth-child(30n+23) .friend-link { background: #003366; }
.friend-links-container dd:nth-child(30n+24) .friend-link { background: #996699; }
.friend-links-container dd:nth-child(30n+25) .friend-link { background: #666666; }
.friend-links-container dd:nth-child(30n+26) .friend-link { background: #006699; }
.friend-links-container dd:nth-child(30n+27) .friend-link { background: #993333; }
.friend-links-container dd:nth-child(30n+28) .friend-link { background: #6593b7; }
.friend-links-container dd:nth-child(30n+29) .friend-link { background: #96593e; }
.friend-links-container dd:nth-child(30n+30) .friend-link { background: #3e9096; }
}
@media screen and (max-width: 480px) {
.friend-links-container dd {
flex: 0 0 calc(24% - 2px);
margin: 1px 1px;
height: 30px;
}
.friend-links-container .friend-link {
padding: 8px;
font-size: 14px;
}
}