1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-23 07:04:22 +00:00
festa/components/postcard/renderer.module.css

32 lines
No EOL
505 B
CSS

.postcard {
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: 50% 50%;
position: fixed;
top: 0;
left: 0;
user-select: none;
pointer-events: none;
z-index: -1;
}
.postcardBackground {
z-index: -1;
filter: blur(7px) contrast(50%) brightness(50%);
}
@media (prefers-color-scheme: light) {
.postcardBackground {
filter: blur(7px) contrast(25%) brightness(175%);
}
}
.postcardForeground {
z-index: 1;
filter: none;
}