a.reveal
{
background-color: #E0E0E0;
display: block
height: 1em;
margin: auto;
padding: 1em;
text-decoration: none
}
#reveal
{
display: none;
padding: 1em;
}
#reveal:target
{
display: block;
}

body
{
background-color: #FFFFFF;
box-sizing: border-box;
min-height: 100%;
margin: auto;
max-width: 56em;
padding: 1em;
text-align: centre;
}

blockquote
{
margin-left: 4em;
}

div.dropdown
{
float: left;
position: relative;
}
div.dropdownitems
{
clear: left;
display: none;
position: relative;
}
div.dropdownitems a
{
clear: left;
display: block;
text-align: left;
width: 100%;
}
div.dropdown:hover div.dropdownitems
{
display: block;
}
div.imgmedsize
{
margin: auto;
max-width: 60%;
text-align: center;
}
div.imgfullsize
{
margin: auto;
max-width: 100%;
text-align: center;
}
div.noscriptbox
{
background-color: #E0E0E0;
max-width: 640px;
padding: 1em;
text-align: left;
}
div.scrollarea
{
padding: 1em;
margin-top: 2em;
}
div.topnavbar
{
background-color: #FFFFFF;
display: block;
height: 3em;
max-width: 54em;
position: fixed;
top: 0;
width: 100%;
}
div.topnavbar a
{
color: #000000;
background-color: #FFFFFF;
display: block;
float: left;
height: 1em;
padding: 1em;
text-decoration: none;
}
div.topnavbar a:hover
{
background-color: #E0E0E0;
}

html
{
background-color: #E0E0E0;
font-family: sans-serif;
height: 100%;
line-height: 1.4;
}

img
{
max-width: 100%;
max-height: 100%;
}

pre
{
font-size: 1em;
}