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