1@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;500;700;900&display=swap');
 2@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic');
 3
 4::-webkit-scrollbar {
 5    width: 10px;
 6}
 7
 8::-webkit-scrollbar-track-piece {
 9    background-color: #393939;
10}
11
12::-webkit-scrollbar-thumb {
13    background-color: #FFFFFF;
14}
15
16html {
17    scrollbar-color: #ffffff #393939;
18    scrollbar-width: thin;
19}
20
21body {
22    position: relative;
23    margin: 0;
24    font-family: "Source Sans Pro";
25    color: white;
26    background:#000000;
27    font-weight: 200;
28    text-shadow: 0px 0px 5px black;
29    width: 100vw;
30    height: 100vh;
31}
32#container {
33    position: relative;
34    width: 100%;
35    height: 100vh;
36    overflow: hidden;
37}
38.slider{
39    width: calc(100vw - 128px);
40    left: 64px;
41    color: white;
42    position: absolute;
43}
44#vector-count-slider{
45    bottom: 64px;
46}
47#timestep-slider{
48    bottom: 80px;
49}
50#historical-point-count-slider{
51    bottom: 96px;
52}
53#vector-visiblity-checkbox-container,#drawing-visiblity-checkbox-container,#circle-visiblity-checkbox-container{
54    color: white;
55    position: absolute;
56    font-size: 16px;
57    left: 64px;
58}
59#drawing-visiblity-checkbox-container{
60    bottom: 144px;
61}
62#vector-visiblity-checkbox-container{
63    bottom: 128px;
64}
65#circle-visiblity-checkbox-container{
66    bottom: 112px;
67}
68
69#info-display{
70    color: white;
71    position: absolute;
72    font-size: 16px;
73    bottom: 32px;
74    left: 64px;
75}
76#home-link{
77position: absolute;
78top: 40px;
79right: 40px;
80}
81#home-link-a{
82    color: white;
83    text-decoration: none;
84font-size: 32px;
85font-weight: 400;
86}
87#home-icon{
88    width: 32px;
89    height: 32px;
90}