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

32 lines
505 B
CSS
Raw Normal View History

2022-06-04 03:13:19 +00:00
.postcard {
width: 100vw;
height: 100vh;
2022-06-11 03:08:49 +00:00
object-fit: cover;
object-position: 50% 50%;
2022-06-04 03:13:19 +00:00
position: fixed;
top: 0;
left: 0;
user-select: none;
pointer-events: none;
2022-06-11 03:08:49 +00:00
z-index: -1;
2022-06-04 03:13:19 +00:00
}
2022-06-11 03:08:49 +00:00
.postcardBackground {
2022-06-09 21:43:38 +00:00
z-index: -1;
filter: blur(7px) contrast(50%) brightness(50%);
}
2022-06-08 02:53:52 +00:00
@media (prefers-color-scheme: light) {
2022-06-11 03:08:49 +00:00
.postcardBackground {
2022-06-08 02:53:52 +00:00
filter: blur(7px) contrast(25%) brightness(175%);
}
}
2022-06-11 03:08:49 +00:00
.postcardForeground {
z-index: 1;
filter: none;
}