35 lines
873 B
CSS
35 lines
873 B
CSS
.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));
|
|
} |