.color-sec,
        .color-sec-con,
        .color-name,
        .color-div,
        .color-one,
        .color-name{
            display: flex;
        }
        
        .color-sec{
            width: 100%;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .color-sec-con{
            width: 65vw;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .color-one{
            margin: 12px;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .color-div{
            width: 56px;
            height: 56px;
            background: red;
            box-shadow: 0 0 12px -4px rgba(0,0,0,.1);
        }
        
        .color-name{
            margin: 6px 0;
        }
        
        /*COLORS*/
        
        .color-one:nth-child(1) div{
            background: #CCC58F;
        }
        
        .color-one:nth-child(2) div{
            background: #D1BC8A;
        }
        
        .color-one:nth-child(3) div{
            background: #D2B773;
        }
        
        .color-one:nth-child(4) div{
            background: #F7BA0B;
        }
        
        .color-one:nth-child(5) div{
            background: #E2B007;
        }
        
        .color-one:nth-child(6) div{
            background: #C89F04 ;
        }
        
        .color-one:nth-child(7) div{
            background: #E1A100 ;
        }
        
        .color-one:nth-child(8) div{
            background: #E79C00;
        }
        
        .color-one:nth-child(9) div{
            background: #AF8A54 ;
        }
        
        .color-one:nth-child(10) div{
            background: #D9C022;
        }
        
        .color-one:nth-child(11) div{
            background: #E9E5CE ;
        }
        
        .color-one:nth-child(12) div{
            background: #DFCEA1 ;
        }
        
        .color-one:nth-child(13) div{
            background: #EADEBD ;
        }
        
        .color-one:nth-child(14) div{
            background: #EAF044 ;
        }
        
        .color-one:nth-child(15) div{
            background: #F4B752 ;
        }
        
        .color-one:nth-child(16) div{
            background: #F3E03B;
        }
        
        .color-one:nth-child(17) div{
            background: #A4957D ;
        }
        
        .color-one:nth-child(18) div{
            background: #9A9464;
        }
        
        .color-one:nth-child(19) div{
            background: #EEC900;
        }
        
        .color-one:nth-child(20) div{
            background: #F0CA00;
        }
        
        .color-one:nth-child(21) div{
            background: #B89C50;
        }
        
        .color-one:nth-child(22) div{
            background: #A38C15;
        }
        
        .color-one:nth-child(23) div{
            background: #FFAB00;
        }
        
        .color-one:nth-child(24) div{
            background: #DDB20F;
        }

        .color-one:nth-child(25) div{
            background: #FAAB21;
        }
        
        .color-one:nth-child(26) div{
            background: #A29985;
        }
        
        .color-one:nth-child(27) div{
            background: #927549;
        }
        
        .color-one:nth-child(28) div{
            background: #EEA205;
        }
        
        .color-one:nth-child(29) div{
            background: #DD7907;
        }
        
        .color-one:nth-child(30) div{
            background: #BE4E20;
        }
        
        .color-one:nth-child(31) div{
            background: #C63927 ;
        }
        
        .color-one:nth-child(32) div{
            background: #FA842B ;
        }
        
        .color-one:nth-child(33) div{
            background: #E75B12;
        }
        
        .color-one:nth-child(34) div{
            background: #FF2300;
        }
        
        .color-one:nth-child(35) div{
            background: #F3752C;
        }
        
        .color-one:nth-child(36) div{
            background: #E15501;
        }
        
        .color-one:nth-child(37) div{
            background: #D4652F ;
        }
        
        .color-one:nth-child(38) div{
            background: #EC7C25 ;
        }
        
        .color-one:nth-child(39) div{
            background: #DB6A50 ;
        }
        
        .color-one:nth-child(40) div{
            background: #954527 ;
        }
        
        .color-one:nth-child(41) div{
            background: #AB2524  ;
        }
        
        .color-one:nth-child(42) div{
            background: #A02128 ;
        }
        
        .color-one:nth-child(43) div{
            background: #A1232B ;
        }
        
        .color-one:nth-child(44) div{
            background: #8D1D2C ;
        }
        
        .color-one:nth-child(45) div{
            background: #701F29 ;
        }
        
        .color-one:nth-child(46) div{
            background: #5E2028 ;
        }
        
        .color-one:nth-child(47) div{
            background: #402225;
        }
        
        .color-one:nth-child(48) div{
            background: #703731;
        }

        .color-one:nth-child(49) div{
            background: #7E292C;
        }
        
        .color-one:nth-child(50) div{
            background: #CB8D73;
        }
        
        .color-one:nth-child(51) div{
            background: #9C322E;
        }
        
        .color-one:nth-child(52) div{
            background: #D47479 ;
        }
        
        .color-one:nth-child(53) div{
            background: #E1A6AD;
        }
        
        .color-one:nth-child(54) div{
            background: #AC4034 ;
        }
        
        .color-one:nth-child(55) div{
            background: #D3545F ;
        }
        
        .color-one:nth-child(56) div{
            background: #D14152 ;
        }
        
        .color-one:nth-child(57) div{
            background: #C1121C;
        }
        
        .color-one:nth-child(58) div{
            background: #D56D56;
        }
        
        .color-one:nth-child(59) div{
            background: #F70000 ;
        }
        
        .color-one:nth-child(60) div{
            background: #FF0000 ;
        }
        
        .color-one:nth-child(61) div{
            background: #B42041 ;
        }
        
        .color-one:nth-child(62) div{
            background: #E72512;
        }
        
        .color-one:nth-child(63) div{
            background: #AC323B;
        }
        
        .color-one:nth-child(64) div{
            background: #711521 ;
        }
        
        .color-one:nth-child(65) div{
            background: #B24C43;
        }
        
        .color-one:nth-child(66) div{
            background: #8A5A83 ;
        }
        
        .color-one:nth-child(67) div{
            background: #933D50 ;
        }
        
        .color-one:nth-child(68) div{
            background: #D15B8F;
        }
        
        .color-one:nth-child(69) div{
            background: #691639;
        }
        
        .color-one:nth-child(70) div{
            background: #83639D ;
        }
        
        .color-one:nth-child(71) div{
            background: #992572 ;
        }
        
        .color-one:nth-child(72) div{
            background: #4A203B;
        }

        .color-one:nth-child(73) div{
            background: #904684;
        }
        
        .color-one:nth-child(74) div{
            background: #A38995 ;
        }
        
        .color-one:nth-child(75) div{
            background: #C63678 ;
        }
        
        .color-one:nth-child(76) div{
            background: #8773A1 ;
        }
        
        .color-one:nth-child(77) div{
            background: #6B6880;
        }
        
        .color-one:nth-child(78) div{
            background: #384C70;
        }
        
        .color-one:nth-child(79) div{
            background: #1F4764;
        }
        
        .color-one:nth-child(80) div{
            background: #2B2C7C;
        }
        
        .color-one:nth-child(81) div{
            background: #2A3756;
        }
        
        .color-one:nth-child(82) div{
            background: #1D1F2A;
        }
        
        .color-one:nth-child(83) div{
            background: #154889;
        }
        
        .color-one:nth-child(84) div{
            background: #41678D;
        }
        
        .color-one:nth-child(85) div{
            background: #313C48;
        }
        
        .color-one:nth-child(86) div{
            background: #2E5978;
        }
        
        .color-one:nth-child(87) div{
            background: #13447C ;
        }
        
        .color-one:nth-child(88) div{
            background: #232C3F ;
        }
        
        .color-one:nth-child(89) div{
            background: #3481B8 ;
        }
        
        .color-one:nth-child(90) div{
            background: #232D53  ;
        }
        
        .color-one:nth-child(91) div{
            background: #6C7C98  ;
        }
        
        .color-one:nth-child(92) div{
            background: #2874B2  ;
        }
        
        .color-one:nth-child(93) div{
            background: #0E518D  ;
        }
        
        .color-one:nth-child(94) div{
            background: #21888F  ;
        }
        
        .color-one:nth-child(95) div{
            background: #1A5784 ;
        }
        
        .color-one:nth-child(96) div{
            background: #0B4151 ;
        }

        .color-one:nth-child(97) div{
            background: #07737A ;
        }
        
        .color-one:nth-child(98) div{
            background: #2F2A5A ;
        }
        
        .color-one:nth-child(99) div{
            background: #4D668E;
        }
        
        .color-one:nth-child(100) div{
            background: #6A93B0 ;
        }
        
        .color-one:nth-child(101) div{
            background: #296478;
        }
        
        .color-one:nth-child(102) div{
            background: #102C54;
        }
        
        .color-one:nth-child(103) div{
            background: #327662;
        }
        
        .color-one:nth-child(104) div{
            background: #28713E ;
        }
        
        .color-one:nth-child(105) div{
            background: #276235;
        }
        
        .color-one:nth-child(106) div{
            background: #4B573E ;
        }
        
        .color-one:nth-child(107) div{
            background: #0E4243 ;
        }
        
        .color-one:nth-child(108) div{
            background: #0F4336 ;
        }
        
        .color-one:nth-child(109) div{
            background: #40433B  ;
        }
        
        .color-one:nth-child(110) div{
            background: #283424  ;
        }
        
        .color-one:nth-child(111) div{
            background: #35382E;
        }
        
        .color-one:nth-child(112) div{
            background: #26392F ;
        }
        
        .color-one:nth-child(113) div{
            background: #3E753B;
        }
        
        .color-one:nth-child(114) div{
            background: #68825B;
        }
        
        .color-one:nth-child(115) div{
            background: #31403D;
        }
        
        .color-one:nth-child(116) div{
            background: #797C5A;
        }
        
        .color-one:nth-child(117) div{
            background: #444337;
        }
        
        .color-one:nth-child(118) div{
            background: #3D403A;
        }
        
        .color-one:nth-child(119) div{
            background: #026A52;
        }
        
        .color-one:nth-child(120) div{
            background: #468641;
        }

        .color-one:nth-child(121) div{
            background: #48A43F;
        }
        
        .color-one:nth-child(122) div{
            background: #B7D9B1;
        }
        
        .color-one:nth-child(123) div{
            background: #354733;
        }
        
        .color-one:nth-child(124) div{
            background: #86A47C;
        }
        
        .color-one:nth-child(125) div{
            background: #3E3C32;
        }
        
        .color-one:nth-child(126) div{
            background: #008754;
        }
        
        .color-one:nth-child(127) div{
            background: #53753C ;
        }
        
        .color-one:nth-child(128) div{
            background: #005D52 ;
        }
        
        .color-one:nth-child(129) div{
            background: #81C0BB ;
        }
        
        .color-one:nth-child(130) div{
            background: #2D5546 ;
        }
        
        .color-one:nth-child(131) div{
            background: #007243;
        }
        
        .color-one:nth-child(132) div{
            background: #0F8558 ;
        }
        
        .color-one:nth-child(133) div{
            background: #478A84;
        }
        
        .color-one:nth-child(134) div{
            background: #7FB0B2 ;
        }
        
        .color-one:nth-child(135) div{
            background: #1B542C;
        }
        
        .color-one:nth-child(136) div{
            background: #005D4C  ;
        }
        
        .color-one:nth-child(137) div{
            background: #25E712  ;
        }
        
        .color-one:nth-child(138) div{
            background: #00F700 ;
        }
        
        .color-one:nth-child(139) div{
            background: #7E8B92 ;
        }
        
        .color-one:nth-child(140) div{
            background: #8F999F ;
        }
        
        .color-one:nth-child(141) div{
            background: #817F68 ;
        }
        
        .color-one:nth-child(142) div{
            background: #7A7B6D ;
        }
        
        .color-one:nth-child(143) div{
            background: #9EA0A1;
        }
        
        .color-one:nth-child(144) div{
            background: #6B716F ;
        }

        .color-one:nth-child(145) div{
            background: #756F61;
        }
        
        .color-one:nth-child(146) div{
            background: #746643 ;
        }
        
        .color-one:nth-child(147) div{
            background: #5B6259 ;
        }
        
        .color-one:nth-child(148) div{
            background: #575D57 ;
        }
        
        .color-one:nth-child(149) div{
            background: #555D61;
        }
        
        .color-one:nth-child(150) div{
            background: #596163;
        }
        
        .color-one:nth-child(151) div{
            background: #555548 ;
        }
        
        .color-one:nth-child(152) div{
            background: #51565C ;
        }
        
        .color-one:nth-child(153) div{
            background: #373F43;
        }
        
        .color-one:nth-child(154) div{
            background: #2E3234;
        }
        
        .color-one:nth-child(155) div{
            background: #4B4D46 ;
        }
        
        .color-one:nth-child(156) div{
            background: #818479  ;
        }
        
        .color-one:nth-child(157) div{
            background: #474A50;
        }
        
        .color-one:nth-child(158) div{
            background: #374447 ;
        }
        
        .color-one:nth-child(159) div{
            background: #939388;
        }
        
        .color-one:nth-child(160) div{
            background: #5D6970 ;
        }
        
        .color-one:nth-child(161) div{
            background: #B9B9A8;
        }
        
        .color-one:nth-child(162) div{
            background: #818979 ;
        }
        
        .color-one:nth-child(163) div{
            background: #939176 ;
        }
        
        .color-one:nth-child(164) div{
            background: #CBD0CC;
        }
        
        .color-one:nth-child(165) div{
            background: #9A9697;
        }
        
        .color-one:nth-child(166) div{
            background: #7C7F7E;
        }
        
        .color-one:nth-child(167) div{
            background: #B4B8B0;
        }
        
        .color-one:nth-child(168) div{
            background: #6B695F;
        }

        .color-one:nth-child(169) div{
            background: #9DA3A6;
        }
        
        .color-one:nth-child(170) div{
            background: #8F9695 ;
        }
        
        .color-one:nth-child(171) div{
            background: #4E5451;
        }
        
        .color-one:nth-child(172) div{
            background: #BDBDB2 ;
        }
        
        .color-one:nth-child(173) div{
            background: #91969A;
        }
        
        .color-one:nth-child(174) div{
            background: #82898E;
        }
        
        .color-one:nth-child(175) div{
            background: #CFD0CF ;
        }
        
        .color-one:nth-child(176) div{
            background: #888175 ;
        }
        
        .color-one:nth-child(177) div{
            background: #887142 ;
        }
        
        .color-one:nth-child(178) div{
            background: #9C6B30 ;
        }
        
        .color-one:nth-child(179) div{
            background: #7B5141;
        }
        
        .color-one:nth-child(180) div{
            background: #80542F ;
        }
        
        .color-one:nth-child(181) div{
            background: #8F4E35 ;
        }
        
        .color-one:nth-child(182) div{
            background: #6F4A2F;
        }
        
        .color-one:nth-child(183) div{
            background: #6F4F28 ;
        }
        
        .color-one:nth-child(184) div{
            background: #5A3A29  ;
        }
        
        .color-one:nth-child(185) div{
            background: #673831 ;
        }
        
        .color-one:nth-child(186) div{
            background: #49392D;
        }
        
        .color-one:nth-child(187) div{
            background: #633A34 ;
        }
        
        .color-one:nth-child(188) div{
            background: #4C2F26 ;
        }
        
        .color-one:nth-child(189) div{
            background: #44322D ;
        }
        
        .color-one:nth-child(190) div{
            background: #3F3A3A ;
        }
        
        .color-one:nth-child(191) div{
            background: #211F20 ;
        }
        
        .color-one:nth-child(192) div{
            background: #A65E2F;
        }

        .color-one:nth-child(193) div{
            background: #79553C ;
        }
        
        .color-one:nth-child(194) div{
            background: #755C49;
        }
        
        .color-one:nth-child(195) div{
            background: #4E3B31 ;
        }
        
        .color-one:nth-child(196) div{
            background: #763C28;
        }
        
        .color-one:nth-child(197) div{
            background: #FDF4E3 ;
        }
        
        .color-one:nth-child(198) div{
            background: #E7EBDA;
        }
        
        .color-one:nth-child(199) div{
            background: #F4F4F4;
        }

        .color-one:nth-child(200) div{
            background: #282828;
        }
        
        .color-one:nth-child(201) div{
            background: #0A0A0A ;
        }
        
        .color-one:nth-child(202) div{
            background: #A5A5A5 ;
        }

        .color-one:nth-child(203) div{
            background: #8F8F8F;
        }
        
        .color-one:nth-child(204) div{
            background: #FFFFFF;
        }
        
        .color-one:nth-child(205) div{
            background: #1C1C1C ;
        }
        
        .color-one:nth-child(206) div{
            background: #F6F6F6;
        }
        
        .color-one:nth-child(207) div{
            background: #1E1E1E  ;
        }
        
        .color-one:nth-child(208) div{
            background: #D7D7D7 ;
        }
        
        .color-one:nth-child(209) div{
            background: #9C9C9C ;
        }

        .color-one:nth-child(210) div{
            background: #828282;
        }
         /*COLORS*/

         .color-one div{
            width: 64px;
            height: 64px;
         }
        
        
@media only screen and (max-width: 478px) {

	.color-sec-con{
		width: 95vw;
	}

	.color-one{
		margin: 12px 0; 
	}

}