.ral{
  width: 100%;
  margin: 20px 0;
}
.ral td {
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 8px;
  border: 3px solid;
  border-color: #fff;
}
.ral tr:nth-child(1) td:nth-child(1) {
  background-color: #ccc188;
  
}

.ral tr:nth-child(1) td:nth-child(2) {
  background-color: #ceb487;
  
}

.ral tr:nth-child(1) td:nth-child(3) {
  background-color: #d0b173;
  
}

.ral tr:nth-child(1) td:nth-child(4) {
  background-color: #f2ad00;
  
}

.ral tr:nth-child(1) td:nth-child(5) {
  background-color: #e4a700;
}

.ral tr:nth-child(1) td:nth-child(6) {
  background-color: #c79600;
}

.ral tr:nth-child(1) td:nth-child(7) {
  background-color: #d99300;
}

.ral tr:nth-child(1) td:nth-child(8) {
  background-color: #e69400;
}

.ral tr:nth-child(2) td:nth-child(1) {
  background-color: #d8ba2e;
  
}

.ral tr:nth-child(2) td:nth-child(2) {
  background-color: #af8552;
}

.ral tr:nth-child(2) td:nth-child(3) {
  background-color: #e5dfcc;
  
}

.ral tr:nth-child(2) td:nth-child(4) {
  background-color: #dfcea1;
  
}

.ral tr:nth-child(2) td:nth-child(5) {
  background-color: #e6d9bd;
  
}

.ral tr:nth-child(2) td:nth-child(6) {
  background-color: #ecea41;
  
}

.ral tr:nth-child(2) td:nth-child(7) {
  background-color: #f6b256;
  
}

.ral tr:nth-child(2) td:nth-child(8) {
  background-color: #fdda38;
  
}

.ral tr:nth-child(3) td:nth-child(1) {
  background-color: #a6937b;
}

.ral tr:nth-child(3) td:nth-child(2) {
  background-color: #a09465;
}

.ral tr:nth-child(3) td:nth-child(3) {
  background-color: #f2c000;
  
}

.ral tr:nth-child(3) td:nth-child(4) {
  background-color: #f2bf00;
  
}

.ral tr:nth-child(3) td:nth-child(5) {
  background-color: #b89650;
}

.ral tr:nth-child(3) td:nth-child(6) {
  background-color: #a4861a;
}

.ral tr:nth-child(3) td:nth-child(7) {
  background-color: #ffa600;
  
}

.ral tr:nth-child(3) td:nth-child(8) {
  background-color: #e2ac00;
}

.ral tr:nth-child(4) td:nth-child(1) {
  background-color: #f7a11f;
  
}

.ral tr:nth-child(4) td:nth-child(2) {
  background-color: #eba557;
  
}

.ral tr:nth-child(4) td:nth-child(3) {
  background-color: #d97604;
}

.ral tr:nth-child(4) td:nth-child(4) {
  background-color: #bb4926;
}

.ral tr:nth-child(4) td:nth-child(5) {
  background-color: #c13524;
}

.ral tr:nth-child(4) td:nth-child(6) {
  background-color: #f97a31;
}

.ral tr:nth-child(4) td:nth-child(7) {
  background-color: #e8540d;
}

.ral tr:nth-child(4) td:nth-child(8) {
  background-color: #f46f29;
}

.ral tr:nth-child(5) td:nth-child(1) {
  background-color: #db5316;
}

.ral tr:nth-child(5) td:nth-child(2) {
  background-color: #d55d23;
}

.ral tr:nth-child(5) td:nth-child(3) {
  background-color: #ea7625;
}

.ral tr:nth-child(5) td:nth-child(4) {
  background-color: #d6654e;
}

.ral tr:nth-child(5) td:nth-child(5) {
  background-color: #a02725;
}

.ral tr:nth-child(5) td:nth-child(6) {
  background-color: #a0001c;
}

.ral tr:nth-child(5) td:nth-child(7) {
  background-color: #991424;
}

.ral tr:nth-child(5) td:nth-child(8) {
  background-color: #870a24;
}

.ral tr:nth-child(6) td:nth-child(1) {
  background-color: #6c1b2a;
}

.ral tr:nth-child(6) td:nth-child(2) {
  background-color: #581e29;
}

.ral tr:nth-child(6) td:nth-child(3) {
  background-color: #402226;
}

.ral tr:nth-child(6) td:nth-child(4) {
  background-color: #6d312b;
}

.ral tr:nth-child(6) td:nth-child(5) {
  background-color: #6d312b;
}

.ral tr:nth-child(6) td:nth-child(6) {
  background-color: #c68873;
}

.ral tr:nth-child(6) td:nth-child(7) {
  background-color: #992a28;
}

.ral tr:nth-child(6) td:nth-child(8) {
  background-color: #cf7278;
}

.ral tr:nth-child(7) td:nth-child(1) {
  background-color: #e3a0ac;
  
}

.ral tr:nth-child(7) td:nth-child(2) {
  background-color: #ab392d;
}

.ral tr:nth-child(7) td:nth-child(3) {
  background-color: #cc515e;
}

.ral tr:nth-child(7) td:nth-child(4) {
  background-color: #ca3f51;
}

.ral tr:nth-child(7) td:nth-child(5) {
  background-color: #bf111b;
}

.ral tr:nth-child(7) td:nth-child(6) {
  background-color: #d36b56;
}

.ral tr:nth-child(7) td:nth-child(7) {
  background-color: #d36b56;
}

.ral tr:nth-child(7) td:nth-child(8) {
  background-color: #a7323e;
}

.ral tr:nth-child(8) td:nth-child(1) {
  background-color: #865d86;
}

.ral tr:nth-child(8) td:nth-child(2) {
  background-color: #8f3f51;
}

.ral tr:nth-child(8) td:nth-child(3) {
  background-color: #ca5b91;
}

.ral tr:nth-child(8) td:nth-child(4) {
  background-color: #69193b;
}

.ral tr:nth-child(8) td:nth-child(5) {
  background-color: #7e63a1;
}

.ral tr:nth-child(8) td:nth-child(6) {
  background-color: #912d76;
}

.ral tr:nth-child(8) td:nth-child(7) {
  background-color: #48233e;
}

.ral tr:nth-child(8) td:nth-child(8) {
  background-color: #853d7d;
}

.ral tr:nth-child(9) td:nth-child(1) {
  background-color: #9d8493;
}

.ral tr:nth-child(9) td:nth-child(2) {
  background-color: #2f4a71;
}

.ral tr:nth-child(9) td:nth-child(3) {
  background-color: #0e4666;
}

.ral tr:nth-child(9) td:nth-child(4) {
  background-color: #162e7b;
}

.ral tr:nth-child(9) td:nth-child(5) {
  background-color: #193058;
}

.ral tr:nth-child(9) td:nth-child(6) {
  background-color: #1a1d2a;
}

.ral tr:nth-child(9) td:nth-child(7) {
  background-color: #004389;
}

.ral tr:nth-child(9) td:nth-child(8) {
  background-color: #38618c;
}

.ral tr:nth-child(10) td:nth-child(1) {
  background-color: #2d3944;
}

.ral tr:nth-child(10) td:nth-child(2) {
  background-color: #245878;
}

.ral tr:nth-child(10) td:nth-child(3) {
  background-color: #00427f;
}

.ral tr:nth-child(10) td:nth-child(4) {
  background-color: #1a2740;
}

.ral tr:nth-child(10) td:nth-child(5) {
  background-color: #2781bb;
}

.ral tr:nth-child(10) td:nth-child(6) {
  background-color: #202e53;
}

.ral tr:nth-child(10) td:nth-child(7) {
  background-color: #667b9a;
}

.ral tr:nth-child(10) td:nth-child(8) {
  background-color: #0071b5;
}

.ral tr:nth-child(11) td:nth-child(1) {
  background-color: #004c91;
}

.ral tr:nth-child(11) td:nth-child(2) {
  background-color: #138992;
}

.ral tr:nth-child(11) td:nth-child(3) {
  background-color: #005688;
}

.ral tr:nth-child(11) td:nth-child(4) {
  background-color: #00747d;
}

.ral tr:nth-child(11) td:nth-child(5) {
  background-color: #00747d;
}

.ral tr:nth-child(11) td:nth-child(6) {
  background-color: #28275a;
}

.ral tr:nth-child(11) td:nth-child(7) {
  background-color: #486591;
}

.ral tr:nth-child(11) td:nth-child(8) {
  background-color: #6391b0;
}

.ral tr:nth-child(12) td:nth-child(1) {
  background-color: #327663;
}

.ral tr:nth-child(12) td:nth-child(2) {
  background-color: #266d3b;
}

.ral tr:nth-child(12) td:nth-child(3) {
  background-color: #276230;
}

.ral tr:nth-child(12) td:nth-child(4) {
  background-color: #4e553d;
}

.ral tr:nth-child(12) td:nth-child(5) {
  background-color: #004547;
}

.ral tr:nth-child(12) td:nth-child(6) {
  background-color: #0e4438;
}

.ral tr:nth-child(12) td:nth-child(7) {
  background-color: #3b3d33;
}

.ral tr:nth-child(12) td:nth-child(8) {
  background-color: #2b3626;
}

.ral tr:nth-child(13) td:nth-child(1) {
  background-color: #302f22;
}

.ral tr:nth-child(13) td:nth-child(2) {
  background-color: #213529;
}

.ral tr:nth-child(13) td:nth-child(3) {
  background-color: #426e38;
}

.ral tr:nth-child(13) td:nth-child(4) {
  background-color: #68825f;
}

.ral tr:nth-child(13) td:nth-child(5) {
  background-color: #293a37;
}

.ral tr:nth-child(13) td:nth-child(6) {
  background-color: #76785b;
}

.ral tr:nth-child(13) td:nth-child(7) {
  background-color: #443f31;
}

.ral tr:nth-child(13) td:nth-child(8) {
  background-color: #383b34;
}

.ral tr:nth-child(14) td:nth-child(1) {
  background-color: #00664f;
}

.ral tr:nth-child(14) td:nth-child(2) {
  background-color: #4d8542;
}

.ral tr:nth-child(14) td:nth-child(3) {
  background-color: #4b9b3e;
}

.ral tr:nth-child(14) td:nth-child(4) {
  background-color: #b2d8b4;
  
}

.ral tr:nth-child(14) td:nth-child(5) {
  background-color: #394937;
}

.ral tr:nth-child(14) td:nth-child(6) {
  background-color: #87a180;
}

.ral tr:nth-child(14) td:nth-child(7) {
  background-color: #3c372a;
}

.ral tr:nth-child(14) td:nth-child(8) {
  background-color: #008455;
}

.ral tr:nth-child(15) td:nth-child(1) {
  background-color: #56723d;
}

.ral tr:nth-child(15) td:nth-child(2) {
  background-color: #005c54;
}

.ral tr:nth-child(15) td:nth-child(3) {
  background-color: #77bbbd;
}

.ral tr:nth-child(15) td:nth-child(4) {
  background-color: #2e554b;
}

.ral tr:nth-child(15) td:nth-child(5) {
  background-color: #006f43;
}

.ral tr:nth-child(15) td:nth-child(6) {
  background-color: #00855a;
}

.ral tr:nth-child(15) td:nth-child(7) {
  background-color: #3f8884;
}

.ral tr:nth-child(15) td:nth-child(8) {
  background-color: #75adb1;
}

.ral tr:nth-child(16) td:nth-child(1) {
  background-color: #798790;
}

.ral tr:nth-child(16) td:nth-child(2) {
  background-color: #8c969f;
}

.ral tr:nth-child(16) td:nth-child(3) {
  background-color: #8c969f;
}

.ral tr:nth-child(16) td:nth-child(4) {
  background-color: #827d67;
}

.ral tr:nth-child(16) td:nth-child(5) {
  background-color: #79796c;
}

.ral tr:nth-child(16) td:nth-child(6) {
  background-color: #999a9f;
}

.ral tr:nth-child(16) td:nth-child(7) {
  background-color: #6d7270;
}

.ral tr:nth-child(16) td:nth-child(8) {
  background-color: #766a5d;
}

.ral tr:nth-child(17) td:nth-child(1) {
  background-color: #756444;
}

.ral tr:nth-child(17) td:nth-child(2) {
  background-color: #585e55;
}

.ral tr:nth-child(17) td:nth-child(3) {
  background-color: #565957;
}

.ral tr:nth-child(17) td:nth-child(4) {
  background-color: #525a60;
}

.ral tr:nth-child(17) td:nth-child(5) {
  background-color: #575e62;
}

.ral tr:nth-child(17) td:nth-child(6) {
  background-color: #585346;
}

.ral tr:nth-child(17) td:nth-child(7) {
  background-color: #4c5057;
}

.ral tr:nth-child(17) td:nth-child(8) {
  background-color: #363d43;
}

.ral tr:nth-child(18) td:nth-child(1) {
  background-color: #2e3236;
}

.ral tr:nth-child(18) td:nth-child(2) {
  background-color: #464644;
}

.ral tr:nth-child(18) td:nth-child(3) {
  background-color: #7f8279;
}

.ral tr:nth-child(18) td:nth-child(4) {
  background-color: #484b52;
}

.ral tr:nth-child(18) td:nth-child(5) {
  background-color: #354044;
}

.ral tr:nth-child(18) td:nth-child(6) {
  background-color: #919089;
}

.ral tr:nth-child(18) td:nth-child(7) {
  background-color: #5b686f;
}

.ral tr:nth-child(18) td:nth-child(8) {
  background-color: #b5b5a7;
}

.ral tr:nth-child(19) td:nth-child(1) {
  background-color: #7a8376;
}

.ral tr:nth-child(19) td:nth-child(2) {
  background-color: #928d75;
}

.ral tr:nth-child(19) td:nth-child(3) {
  background-color: #c4caca;
  
}

.ral tr:nth-child(19) td:nth-child(4) {
  background-color: #949294;
}

.ral tr:nth-child(19) td:nth-child(5) {
  background-color: #7e8082;
}

.ral tr:nth-child(19) td:nth-child(6) {
  background-color: #b0b3af;
  
}

.ral tr:nth-child(19) td:nth-child(7) {
  background-color: #6d6b64;
}

.ral tr:nth-child(19) td:nth-child(8) {
  background-color: #9aa0a7;
}

.ral tr:nth-child(20) td:nth-child(1) {
  background-color: #929899;
}

.ral tr:nth-child(20) td:nth-child(2) {
  background-color: #505455;
}

.ral tr:nth-child(20) td:nth-child(3) {
  background-color: #bab9b0;
  
}

.ral tr:nth-child(20) td:nth-child(4) {
  background-color: #8b7045;
}

.ral tr:nth-child(20) td:nth-child(5) {
  background-color: #9c6935;
}

.ral tr:nth-child(20) td:nth-child(6) {
  background-color: #774c3b;
}

.ral tr:nth-child(20) td:nth-child(7) {
  background-color: #815333;
}

.ral tr:nth-child(20) td:nth-child(8) {
  background-color: #904e3b;
}

.ral tr:nth-child(21) td:nth-child(1) {
  background-color: #904e3b;
}

.ral tr:nth-child(21) td:nth-child(2) {
  background-color: #735230;
}

.ral tr:nth-child(21) td:nth-child(3) {
  background-color: #5b3927;
}

.ral tr:nth-child(21) td:nth-child(4) {
  background-color: #64312a;
}

.ral tr:nth-child(21) td:nth-child(5) {
  background-color: #49372a;
}

.ral tr:nth-child(21) td:nth-child(6) {
  background-color: #5a2e2a;
}

.ral tr:nth-child(21) td:nth-child(7) {
  background-color: #4f3128;
}

.ral tr:nth-child(21) td:nth-child(8) {
  background-color: #45302b;
}

.ral tr:nth-child(22) td:nth-child(1) {
  background-color: #3b3332;
}

.ral tr:nth-child(22) td:nth-child(2) {
  background-color: #1e1a1a;
}

.ral tr:nth-child(22) td:nth-child(3) {
  background-color: #a45c32;
}

.ral tr:nth-child(22) td:nth-child(4) {
  background-color: #7b5741;
}

.ral tr:nth-child(22) td:nth-child(5) {
  background-color: #4f3b2b;
}

.ral tr:nth-child(22) td:nth-child(6) {
  background-color: #4f3b2b;
}

.ral tr:nth-child(22) td:nth-child(7) {
  background-color: #eee9da;
  color: #333;
}

.ral tr:nth-child(22) td:nth-child(8) {
  background-color: #dadbd5;
  
}

.ral tr:nth-child(23) td:nth-child(1) {
  background-color: #f8f9fb;
  color: #333;
}

.ral tr:nth-child(23) td:nth-child(2) {
  background-color: #252427;
}

.ral tr:nth-child(23) td:nth-child(3) {
  background-color: #151619;
}

.ral tr:nth-child(23) td:nth-child(4) {
  background-color: #b5b3b4;
  
}

.ral tr:nth-child(23) td:nth-child(5) {
  background-color: #1f2126;
}

.ral tr:nth-child(23) td:nth-child(6) {
  background-color: #f3f6f6;
  color: #333;
}

.ral tr:nth-child(23) td:nth-child(7) {
  background-color: #1b191d;
}

.ral tr:nth-child(23) td:nth-child(8) {
  background-color: #cbd2d0;
  
}