/* intro */
body {
font-family:arial, sans-serif;
line-height:1.5;
padding:2%;
background:#333;
color:#ccc;
}
h1{
font-size:2em;
color:magenta;
line-height:1;
}
h2 {
color:magenta;
}

span.eg {
font-weight:bold;
font-family:"courier new", monospace;
}
pre{
display:none;
background:#fff;
padding:1em;
border:1px solid #888;
}


#intro, #main-form textarea, #results {
margin-right:2%;
background:#bbb;
border:3px solid #111;
}
#intro {
background:#bbb;
padding:1%;
color:#333;
border: 4px solid #111;
}



/* main form */

#main-form {
float:left;
width:45%;
}
#main-form textarea {
width:100%;
height:28em;
background:#bbb;
border:3px solid #111;
}



/* finished */

#decoded {
margin-top:.8em;
color:magenta;

}
#finished {
float:left;
width:40%;
font-weight:bold;
height:24em;
margin-left:10%;
color:#fff;
}
#results{
color: #333;
line-height:1.5;
border-color: magenta;
}
#results li {
list-style-type:none;
}