45 lines
724 B
CSS
45 lines
724 B
CSS
@import "tailwindcss";
|
|
@plugin "@tailwindcss/typography";
|
|
|
|
:root {
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
|
}
|
|
|
|
@supports (font-variation-settings: normal) {
|
|
:root {
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
|
}
|
|
}
|
|
|
|
@supports (font-variation-settings: medium) {
|
|
:root {
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
|
}
|
|
}
|
|
|
|
|
|
@supports (font-variation-settings: bold) {
|
|
:root {
|
|
font-family: "Zen Maru Gothic", sans-serif;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
from { opacity: 0; }
|
|
}
|
|
|
|
@keyframes fade-out {
|
|
to { opacity: 0; }
|
|
}
|
|
|
|
::view-transition-old(fade) {
|
|
animation: 300ms ease both fade-out,
|
|
}
|
|
|
|
::view-transition-new(fade) {
|
|
animation: 300ms ease both fade-in,
|
|
}
|
|
|
|
.fade {
|
|
view-transition-name: fade;
|
|
}
|