canvas
{
 width : 99.5%;
 padding : auto;
 padding : 0.5vmin;
 border-radius : inherit;
 background-color : #245;
 transition : background-color 1s ease-out;
}

nav ~ section + section canvas:hover
{
 background-color : #000;
}

nav + section article:first-of-type canvas
{
 height : 20vmin;
}

section:last-of-type article:last-of-type canvas
{
 height : 50vmin;
}

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

nav ~ section article:first-of-type table:first-of-type tbody:first-of-type tr td:last-of-type input[type=range]
{
 width : 95%;
}

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

nav ~ section article:first-of-type table:first-of-type tbody:first-of-type tr td:last-of-type input[type=number]
{
 text-align : right;
 width : 6vmax;
}

nav ~ section article:first-of-type table:first-of-type tbody:first-of-type tr:nth-last-of-type(2) td:last-of-type
{
 padding-right : 1.3vw;
}

nav ~ section article:first-of-type table:first-of-type tbody:first-of-type tr:last-of-type td:last-of-type meter
{
 width : 100%;
}

nav ~ section article:first-of-type table:first-of-type tbody:last-of-type tr td
{
 text-align : center;
 transition : background-color 2s, box-shadow 1s;
}