body { font-family: "Trebuchet MS", Helvetica, sans-serif; }
h1 { font-size: 14pt; }
div#background { z-index: 0; border-radius: 6px; }
div#logo { width: 180px; height: 140px; z-index: 120; background-image: url(logo.png); position: absolute; top: 2em; left: 2em; }
div#logo:hover { cursor: pointer; }
div#chooser { position: absolute; left: 620px; top: 0.5em; }
div#chooser button { border: none; background-color: #eee; border-radius: 6px; margin: 2px; }
div#chooser button:hover { cursor: pointer; background-color: #ccc; }
div#chooser button[disabled]:hover { cursor: not-allowed; background-color: #eee; }
div#intro button:hover, div#results button:hover { cursor: pointer; }
div#modallayer { position: absolute; z-index: 120; background-color: black; opacity: 0.5; top: 0; left: 0; right: 0; bottom: 0; }
.blur div~:not(.dialogue) { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); }
.dialogue { visibility: hidden; position: absolute; z-index: 121; background-color: #bbb; text-color: #444; font-size: 12pt; padding: 1em; margin: 1em; border-radius: 10px; box-shadow: 5px 5px 5px #888; opacity: 1; }
div#intro div { float: right; }
span#correct, span#from { font-style: italic; }