1body, h1, h2, h3, h4, h5, h6 {
2    font-family: sans-serif;
3}
4
5#controlsDiv {
6    margin: 6px;
7}
8
9#errorText {
10    background-color: rgb(239, 89, 75);
11    border: none;
12    border-radius: 4px;
13    padding: 8px;
14    display: none;
15    margin: 4px;
16}
17
18#progressText {
19    background-color: rgb(179, 208, 146);
20    border: none;
21    border-radius: 4px;
22    padding: 8px;
23    display: none;
24    margin: 4px;
25}
26
27#startButton {
28    padding: 4px;
29    margin: 6px;
30}
31
32#fftCanvas {
33    border-radius: 16px;
34    margin: 6px;
35}
36
37#bandwidthCanvas {
38    border: grey;
39    border-style: solid;
40    border-radius: 8px;
41    margin: 6px;
42}
43
44#streamStateText {
45    background-color: rgb(93, 165, 93);
46    border: none;
47    border-radius: 8px;
48    padding: 10px 20px;
49    display: inline-block;
50    margin: 6px;
51}
52
53#connectionStateText {
54    background-color: rgb(112, 146, 206);
55    border: none;
56    border-radius: 8px;
57    padding: 10px 20px;
58    display: inline-block;
59    margin: 6px;
60}
61
62#propertiesTable {
63    border: grey;
64    border-style: solid;
65    border-radius: 4px;
66    padding: 4px;
67    margin: 6px;
68    margin-left: 0px;
69}
70
71th, td {
72    padding-left: 6px;
73    padding-right: 6px;
74}
75
76.properties td:nth-child(even) {
77    background-color: #D6EEEE;
78    font-family: monospace;
79}
80
81.properties td:nth-child(odd) {
82    font-weight: bold;
83}
84
85.properties tr td:nth-child(2) { width: 150px; }