:root{
    --line-width: 20px;
    --line-color: green;
    --background-color-1: blue;
    --color-1: white;
    --color-2: black;
    --color-3: #666666;
    --color-4: #660000;
    --color-5: #006600;
    --color-6: #000066;
    --color-7: #aa0000;
    --color-8: #00aa00;
    --color-9: #0000aa;
    --color-10: #ff0000;
    --color-11: #00ff00;
    --color-12: #0000ff;
    --color-13: #00ffff;
    --color-14: #ff00ff;
    --color-15: #0000ff;
    --color-16: #000066;
    --color-17: #aaffff;
    --color-18: #006;
    --color-19: #ffffaa;
}

*{
    box-sizing: border-box;
}

body{
    /*display: flex;*/
    margin: 0;
    padding: 0;
}

.container{
    width: 100vw;
    height: 100vh;
    display: flex;
}
.lines{
    background-color: var(--background-color-1);
}
/*.colors{
    background-color: var(--background-color-2);
}*/

.box{
    height: 100%;
    width: 10%;
    border: calc(var(--line-width) / 2) solid var(--line-color);
}

.color{
    width: 50px;
    height: 100vh;
    background-color: red;
}

.color:nth-child(1){
    background-color: var(--color-1);
}

.color:nth-child(2){
    background-color: var(--color-2);
}

.color:nth-child(3){
    background-color: var(--color-3);
}

.color:nth-child(4){
    background-color: var(--color-4);
}

.color:nth-child(5){
    background-color: var(--color-5);
}

.color:nth-child(6){
    background-color: var(--color-6);
}

.color:nth-child(7){
    background-color: var(--color-7);
}

.color:nth-child(8){
    background-color: var(--color-8);
}

.color:nth-child(9){
    background-color: var(--color-9);
}

.color:nth-child(10){
    background-color: var(--color-10);
}

.color:nth-child(11){
    background-color: var(--color-11);
}

.color:nth-child(12){
    background-color: var(--color-12);
}

.color:nth-child(13){
    background-color: var(--color-13);
}

.color:nth-child(14){
    background-color: var(--color-14);
}

.color:nth-child(15){
    background-color: var(--color-15);
}

.color:nth-child(16){
    background-color: var(--color-16);
}

.color:nth-child(17){
    background-color: var(--color-17);
}

.color:nth-child(18){
    background-color: var(--color-18);
}

.color:nth-child(19){
    background-color: var(--color-19);
}




















.color:nth-child(3){
    background-color: var(--color-1);
}