canvas { cursor:pointer }
body { color: #6A0DAD;widthxxx:19em;max-width:26em;margin:0 auto;padding:0.3em;font-size:120% }
label { color:#6A0DAD; display:block;white-space: nowrap }
button,input[type=submit],input[type=button] { font-size:1em;margin:0.2em;padding:0.3em;background-color:#6A0DAD;color:white;font-weight:bold }
input[type=text],input[type=password],input[type=email],input[type=number],select { font-size:1em;padding:0.2em;border:2px solid #6A0DAD;font-weight:bold }
input[type=text] {width:100%;box-sizing:border-box }
.panel { border:2px solid #6A0DAD; padding:0.3em;margin-bottom:0.5em;margin-top:0.5em;overflow:auto }
a { color:#6A0DAD;font-weight:bold }
h1 { font-size:120% }
h1 span { padding-top:0.3em;vertical-align:top;display:inline-block;padding-left:0.4em }
h1 img { height:2em }
h2 { text-align:center;background-color: #6A0DAD; border-radius:0.4em; color:white;font-weight:bold; padding:0.4em }
.message { text-align:center;background-color: #8D68AA; border-radius:0.4em; color:white;font-weight:bold; padding:0.3em;margin:0.3em }
.error { background-color: #A50990!important;border-radius:0.4em; color:white;font-weight:bold; padding:0.5em }
.row { margin-top:0.2em;margin-bottom:0.2em; font-size:110%;padding:0.2em;overflow:hidden }
.selected { background-color: #8D68AA!important;color:white!important;font-weight:bold }