nav ~ section article:first-of-type
{
 z-index : 3;
}

nav ~ section article:first-of-type table tr
{
 transition : background-color 500ms;
}

nav ~ section article:first-of-type table tbody:first-of-type tr td:nth-last-of-type(2)
{
 text-align : right;
 width : 8vmin;
}

nav ~ section article:first-of-type table tbody:first-of-type tr td:last-of-type
{
 text-align : center;
}

input[type=range]
{
  width : 95%;
}

nav ~ section article:first-of-type table tbody:nth-of-type(2) input[type=range]
{
 min-width : 6vw;
}

nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td:nth-of-type(1),
nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td:nth-of-type(3),
nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td:nth-of-type(5)
{
 min-width : 2vw;
 text-align : right;
 /*background-color : #0FA;*/
}

nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td:nth-last-of-type(-n+4)
{
 font-size : 0.7em;
 vertical-align : middle;
}

nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td:nth-last-of-type(-n+2)
{
 text-align : center;
}

nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td:nth-last-of-type(3)
{
 text-align : right;
}

nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td:nth-last-of-type(4)
{
}