* { margin:0; padding:0 }
#content a { color: black; font-weight: bold; border-bottom: 1px solid transparent; text-decoration: none;  transition: border-bottom 0.2s ease-in-out;}
#content a:hover { text-decoration: none; border-bottom: 1px solid black; color: black; font-weight: bold;}
body { background: #AED6F5; font-family: sans-serif; width: 100%; height: 100%; margin:0px;}
#bg { position:absolute; left:-15px; top:10px; transition: left 0.2s ease-in-out; height:70px ;}
#bg:hover { left:15px; }
#content { max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 50px;}
#content table tr td { vertical-align: top; padding-bottom: 20px; position: relative;  }
h2 { border-top: 1px solid black; margin-bottom: 10px; }
#content img { width: 300px; margin-right: 20px;}
#content img.showonhover { width: 300px; margin-right: 20px; opacity:0; position: absolute; top: 0px; left: 0px; transition: opacity 0.5s ease-in-out;}
#content img.showonhover:hover { opacity: 1; }
.atbottom { position:absolute; bottom:0px; left: 0px; margin-bottom: 20px; font-size:0.8em; }
#flash { margin-top: 80px; margin-right: auto; margin-left: auto; width:500px; }
#flash h2 { position:relative; }
#instructions { position: absolute; right:0px; bottom: 0px; font-size: 0.5em; font-variant: normal;}
#instructionsbody { border-left:1px solid white; padding-left: 10px;  max-height: 0px; transition: max-height 0.5s ease-in-out, margin-bottom 0.7s ease-in-out; overflow: hidden;}
#instructionsbody:focus { max-height: 400px; outline: 0; margin-bottom: 20px; }
#instructionsbody * { display: inline-block; vertical-align: top; }
#instructionsbody div  { width: 100%; padding-bottom: 10px; }
#instructionsbody div h3 { color:white; width: 20%; }
#instructionsbody div div { width: 70%; font-size: 0.9em; }
#contact { text-align: right; }
#fractal { border: 1px solid white; }