:root{
	  scrollbar-color: var(--designlink) var(--designthirdback);
	  scrollbar-width: thin;
	
    --designmainback: #e9e9e9;
    --designsecback: #eeeeee;
	--designthirdback: #e3e3e3;
	--designfourthback: #ddd;
	--designfifthback: #ebebeb;
	--designsixback: #d3d3d3;
	--designsevenback: #d8d8d8;
	--designeightback: #757575;
	
	--designtextcolor: #444444;
	--designtextheader: #bbb;
	
    --designlink: #9190c6;
    --designlinkrgb: rgb(139 111 177);
    --designlinksec: #b4a9c6;
    --designlinksecrgba: rgba(169, 198, 181, 0.4);
	
    --designlinkthird: #464646;
    --designlinkfourth: #815b8e;
    --designlinkfifth: #6d4387;
	
    --designheadborder: #a987c2;
	
    --designicongrad: #151515;
    --designicongradsec: #939393;
    --designicongradthird: #58336f;
	
	--designfootergrad: #9089b9;
    --designfootergradsec: #e1dde6;
	
	--designpostborder: rgba(238, 238, 238, 0.24);
	--designpostquote: #fbfbfb;
	
	--designpic: url(/design/01/planet.png);
}

.Test_Box{width: 50px;height: 30px;}
.Test_Container{
  display: flex;
  column-gap: 6px;
  background-color: #352d2d;
  padding: 10px;
}

.Test_Container .Test_Box:nth-child(1) {background-color: var(--designmainback);}
.Test_Container .Test_Box:nth-child(2) {background-color: var(--designsecback);}
.Test_Container .Test_Box:nth-child(3) {background-color: var(--designthirdback);}
.Test_Container .Test_Box:nth-child(4) {background-color: var(--designfourthback);}
.Test_Container .Test_Box:nth-child(5) {background-color: var(--designfifthback);}
.Test_Container .Test_Box:nth-child(6) {background-color: var(--designsixback);}
.Test_Container .Test_Box:nth-child(7) {background-color: var(--designsevenback);}
.Test_Container .Test_Box:nth-child(8) {background-color: var(--designeightback);}
.Test_Container .Test_Box:nth-child(9) {background-color: var(--designtextcolor);}
.Test_Container .Test_Box:nth-child(10) {background-color: var(--designtextheader);}
.Test_Container .Test_Box:nth-child(11) {background-color: var(--designlink);}
.Test_Container .Test_Box:nth-child(12) {background-color: var(--designlinksec);}
.Test_Container .Test_Box:nth-child(13) {background-color: var(--designlinkthird);}
.Test_Container .Test_Box:nth-child(14) {background-color: var(--designlinkfourth);}
.Test_Container .Test_Box:nth-child(15) {background-color: var(--designlinkfifth);}
.Test_Container .Test_Box:nth-child(16) {background-color: var(--designheadborder);}
.Test_Container .Test_Box:nth-child(17) {background-color: var(--designicongrad);}
.Test_Container .Test_Box:nth-child(18) {background-color: var(--designicongradsec);}
.Test_Container .Test_Box:nth-child(19) {background-color: var(--designicongradthird);}
.Test_Container .Test_Box:nth-child(20) {background-color: var(--designfootergrad);}
.Test_Container .Test_Box:nth-child(21) {background-color: var(--designfootergradsec);}
.Test_Container .Test_Box:nth-child(22) {background-color: var(--designpostborder);}
.Test_Container .Test_Box:nth-child(23) {background-color: var(--designpostquote);}

.Test_Container2{
  display: flex;
  column-gap: 6px;
  background-color: #352d2d;
  padding: 10px;height: 150px;
}

.Test_Container2 .Test_Box1{background: linear-gradient(to bottom, var(--designlinksec) 20%, var(--designlink) 80%);
  height: 100%;
  flex-grow: 1;
}