+html {
+ margin: 0;
+ height: 100%;
+}
+body {
+ background-color: #bbbbbb;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+header {
+ font-size: 1.3em;
+}
+header button, #note > input {
+ margin-left: 1em;
+ border-radius: 4px;
+ background-color: #4368a1;
+ color: #dbe9ff;
+ font: inherit;
+ font-weight: normal;
+ border: 1px solid #7492c3;
+ padding: 0.15em 0.25em;
+}
+header button:hover, header button:active, header button:focus {
+ background-color: #2f5591;
+}
+#top-bar, #current-bar, #note {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+}
+#top-bar {
+ background-color: #002868;
+ color: white;
+}
+#current-bar {
+ background-color: #54d8a8;
+ color: #002868;
+}
+#note {
+ width: 100%;
+ padding: .5em;
+}
+#note > input {
+ flex: 1;
+ background-color: #7de3be;
+ border-color: #7ed6b6;
+ color: #002868;
+}
+#maybe {
+ background-color: #F0AD4E;
+ border-color: #EEA236;
+ color: #664009;
+ color: white;
+}
+#maybe:hover, #maybe:active, #maybe:focus {
+ background-color: #EC971F;
+ border-color: #D58512;
+}
+#yes {
+ background-color: #5CB85C;
+ border-color: #4CAE4C;
+ color: #214d21;
+ color: white;
+}
+#yes:hover, #yes:focus, #yes:active {
+ background-color: #449D44;
+ border-color: #398439;
+}
+#no {
+ background-color: #D9534F;
+ border-color: #D43F3A;
+ color: #4f1311;
+ color: white;
+}
+#no:hover, #no:focus, #no:active {
+ background-color: #C9302C;
+ border-color: #AC2925;
+}
+#query {
+ font-weight: bold;
+ font-size: 110%;
+}
+#settings, #judiciary {
+ padding: .5em;
+ display: flex;
+ align-items: center;
+}
+#results, #query-info {
+ padding: .5em;
+ display: flex;
+ text-align: right;
+ align-items: center;
+ justify-content: flex-end;
+}
+#count {
+ font-size: 120%;
+}
+#test-area {
+ flex: 1;
+ padding: 2em;
+ display: flex;
+ justify-content: center;
+ overflow: auto;
+}
+#test-subject {
+ margin: auto;
+}
+#results-table {
+ flex: 1;
+ padding: 1em;
+ display: flex;
+ justify-content: center;
+}
+#results-table table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+#results-table td, #results-table th {
+ padding: .25em 1.25em;
+ font-size: .9em;
+}
+#results-table tr:first-child {
+ border-bottom: 1px solid black;
+}
+#results-table tr {
+ border-bottom: 1px dotted black;
+}
+#results-table tr:last-child {
+ border-bottom: none;
+}
+