25 lines
648 B
CSS
25 lines
648 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%);
|
|
}
|
|
.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));
|
|
} |