header + section article
{
 transition : opacity 3s ease-in;
}

header + section article:nth-of-type(3)
{
 background-color : rgba(255, 0, 0, 0.3);
 box-shadow : #FF0 0.5vmin 0.5vmin 0.8vmin;
 opacity : 0;
}

nav:last-of-type p:last-of-type
{
 display : none;
}

nav ~ section article:first-of-type tbody tr td
{
 text-align : center;
 padding : 1vmin;
}

nav ~ section article:first-of-type table tbody:nth-of-type(2) tr td input[type=button]
{
 transform-origin : bottom left;
}

nav ~ section article:first-of-type tbody tr td input[type=button]
{
 padding : 1.5vmin;
 width : 80%;
 font-size : 1.25em;
 transition : background-color 2s 32s, box-shadow 3s 30s, transform 250ms;
}

nav ~ section article:first-of-type table tbody tr td input[type=button]:hover
{
 background-color : #9FF;
 box-shadow : #555 0.5vmin 0.5vmin 0.8vmin;
 transition : background-color 50ms, box-shadow 100ms 50ms;
}

nav ~ section article:first-of-type table tbody tr td input[type=button].p:hover
{
 background-color : #0AC;
}

nav ~ section article:first-of-type table tbody tr td input[type=button].o1:hover
{
 background-color : #0F0;
}

nav ~ section article:first-of-type table tbody tr td input[type=button].o2:hover
{
 background-color : #0A0;
}

nav ~ section article:first-of-type table tbody tr td input[type=button].o3:hover
{
 background-color : #080;
}

nav ~ section article:first-of-type table tbody tr td input[type=button].c:hover
{
 background-color : #FF0;
}

nav ~ section article:nth-of-type(2)
{
 transition : background-color 3s ease-out, border-color 4s 5s, box-shadow 2s 4s;
}

nav ~ section article:first-of-type input[type=text]
{
 width : 95%;
 text-align : right;
 font-size : 2em;
 transition : background-color 1s, color 4s;
}

nav ~ section article:nth-of-type(3)
{
 display : none;
}

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

nav ~ section article:nth-of-type(4) table
{
 font-size : 0.75em;
}

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

nav ~ section article:last-of-type ul li
{
 transition : background-color 4s 1s ease-out;
}

nav ~ section article:last-of-type div.scrollable
{
 margin : auto;
 max-width : 45vmin;
 text-align : center;
}

nav ~ section article:last-of-type div.scrollable input[type=button]
{
 width : 43vmin;
 margin : 0.5vmin;
}