body
{
    background: #ddd;
    width: 80%;
    margin:0 auto;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight:bold;
}
header
{
    text-align: center;
    font-size: 3em;
    font-weight:bold;
    text-decoration: underline;
    margin-bottom:.25em;
}
div#stepContainer 
{
    width:100%;
}
div.row 
{
    display:flex;
    width:100%;
    background: rgb(100, 100, 100);
    margin:0;
    margin-bottom:1em;
    padding:1em 0;
    filter: drop-shadow(5px -2px 5px #353535);
}
div.left
{
    flex-grow: 1;
}
div.right
{
    width:400px;
    padding-right:.5em;
}
div.row:not(:first-child) td
{
    padding-top:5em;
}
div.cell ol, div ul
{
    margin:0;
    font-size:2em;
    list-style-position: inside;
}
div.cell ol li, div ul li
{
    margin-left:-1em;
    margin: 0 .25em .5em -1em;
    padding: 1em .5em;
    border: 1px solid black;
    background: rgb(163, 163, 163);
    filter: drop-shadow(5px -2px 5px #202020);
}

div#indexContainer ul
{
    list-style-type: none;
    text-align: center;
}

div#indexContainer ul li
{
    margin: 0 0 .5em 0!important;
    padding: 0!important;

}
div#indexContainer ul li a
{
    text-decoration: none;
    line-height:2em;
}
div#indexContainer ul li:hover
{
    cursor: pointer;
    filter: drop-shadow(0px 0px 3px #202020) brightness(115%);
}

img
{
    max-width: 400px;
    filter: drop-shadow(5px -2px 5px #202020);
}