ByteDiceWeb/style.css at main · ByteDice/ByteDiceWeb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
.synthSun {
  width: calc(40px * var(--pxDensity));
  height: auto;
  aspect-ratio: 1 / 1;
  image-rendering: pixelated;
  position: absolute;
  top: round(60%, var(--pxDensityPx));
  left: round(50%, var(--pxDensityPx));
  transform: translate(-50%, -50%);
}
#starNoise {
  position: absolute;
  top: 0%;
  left: 0%;
  width: calc(512px * var(--pxDensity));
  height: auto;
  aspect-ratio: 1 / 1;
  image-rendering: pixelated;
  transform: translate(-50%, -50%);
}
.bgGradient {
  image-rendering: pixelated;
  width: calc(256px * var(--pxDensity));
  height: calc(164px * var(--pxDensity));
  aspect-ratio: auto;
  position: absolute;
  top: round(50%, var(--pxDensityPx));
  left: round(50%, var(--pxDensityPx));
  transform: translate(-50%, -50%);
}
#synthwaveCanvas {
  position: absolute;
  top: round(0%, var(--pxDensityPx));
  left: round(0%, var(--pxDensityPx));
}