: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: #6fb18c;
	--designlinkrgb: rgb(111, 177, 140);
	--designlinksec: #a9c6b5;
	--designlinksecrgba: rgba(169, 198, 181, 0.4);
	
	--designlinkthird: #464646;
	--designlinkfourth: #5b8e71;
	--designlinkfifth: #438761;
	
	--designheadborder: #87c292;
	
	--designicongrad: #151515;
	--designicongradsec: #939393;
	--designicongradthird: #336f4e;
	
	--designfootergrad: #89b99e;
	--designfootergradsec: #dde6e0;
	
	--designpostborder: rgba(238, 238, 238, 0.24);
	--designpostquote: #fbfbfb;
	
	--designpic: url(/images/001/deku.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;
}