/* Official TOP Color */
:root {
    --color-1: #252323;
    --color-2: #171717;
    --color-3: #282a37;
    --color-4: #171717;
    --color-5: #FFCC33;
    --color-6: #943C3C;
    --color-7: #33cccc;
    --color-8: #54445c;
    --color-9: #ff0900;
    --color-10: #303030;
    --color-11: #145389;
    --color-12: #929292;
    --color-13: #929292;
    --color-14: #303133;
    --color-15: #303133;
    /* --color-15: #7332fe; for bubble button border */
    --color-16: #99423e;
    --color-17: #145389;
    --color-18: #1d1f2b;
    /* --color-18: #313447; for chat */
    --color-19: #303030;
    --color-20: #171717;
    --color-21: #6280a7;
    --color-22: #a1afce;
    --color-23: #3b3042;
    --color-24: #d73c36;
    --color-25: #23162A;
    --color-26: #051d2c;
    --color-27: #254460;
    --color-28: #45b845;
    --color-29: #303133;
    --color-30: #d93835;
    --color-31: #2d59b3;
    --color-32: #9cff73;
    --color-33: #ffe88e;
    --color-34: #92cdf3;
    --color-35: #373a40;
    --color-36: #7332fe;
    --color-37: #7332fe;
    --color-38: #0f111a;
    --color-39: #7332fe;
    --color-40: #1b3525;
    --color-41: #4d1c65;
    --color-42: #2b1a33;
    --color-43: #3b3042;
    --color-44: #202330;
    --color-45: #7332fe;
    --color-46: #d73c36;
    --color-47: #252323;
    --color-48:#1e1e1e;
    --color-49:#303030;
    --color-50:#853a3a;
    --color-51:#573e3e;
    --color-52:#282a37;
    --color-53: #23272b;
    --color-54: #171717;
    --color-55:#252525;
    --color-56:#303030;
    --color-57:#99423e;
    --color-58: #2b1e32;

    --color-59: #000;
    --color-60: #282a37;
    --color-61: #1e1e1e;
    --color-62: #4a5059;
    --color-63: #d73c36;
    --color-64: #303133;
    --color-65: #252323;
    --color-66: #ff0900;
    --color-67: #be4743;
    --color-68: #303030;
    --color-69: #207fc2;
    --color-70: #be9696;
    --color-71: #383838;
    --color-73: #222;
    

    /* responsive */
    --color-72: #000;
    --color-74: #fff;
    --color-75: #1b3525;

    
}