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-07 10:48:47 +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 {
|
2022-06-07 10:48:47 +00:00
|
|
|
z-index: 1;
|
|
|
|
filter: none;
|
|
|
|
}
|