···
-
@apply font-sans-serif bg-ralsei-black text-ralsei-white;
-
@apply prose-code:font-monospace prose-headings:font-monospace;
-
cursor: url('/icons/gaze_closed.webp'), default;
-
scrollbar-color: theme(colors.ralsei.green.dark) transparent;
-
-webkit-font-smoothing: none !important;
-
font-smooth: never !important;
-
font-smoothing: none !important;
-
font-family: 'Fusion Pixel 10px Monospaced zh_hans';
-
src: url('/fonts/fusion-pixel-sc-monospaced.woff2') format('woff2');
-
font-family: 'Fusion Pixel 10px Proportional zh_hans';
-
src: url('/fonts/fusion-pixel-sc-proportional.woff2') format('woff2');
-
font-family: 'Doll Mono';
-
src: url('/fonts/dollmonoopt.woff2') format('woff2');
-
/* .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
@apply motion-safe:animate-blink;
-
@apply motion-safe:animate-squiggle;
-
text-decoration: underline;
-
h1,h2,h3,h4,h5,h6,.text-shadow-pink {
-
text-shadow: 0 0 3px theme(colors.ralsei.black), 0 0 6px theme(colors.ralsei.pink.neon), 0 0 10px #fff3;
-
text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.red.600);
-
text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.green.light);
-
a,button,input[type=submit] {
-
@apply text-shadow-green;
-
cursor: url('/icons/gaze.webp'), pointer;
-
animation: squigglevision 0.3s infinite;
-
@keyframes squigglevision {
-
filter: url("#squiggly-0");
-
filter: url("#squiggly-1");
-
filter: url("#squiggly-2");
-
filter: url("#squiggly-3");
-
filter: url("#squiggly-4");
@apply text-xl text-red-600 text-shadow-red;
-
.app-grid-background-anim {
-
animation: 4s linear app-grid-move-first-layer infinite;
-
.app-grid-background-second-layer-anim {
-
animation: 12s linear app-grid-move-second-layer infinite;
-
@keyframes app-grid-move-first-layer {
-
background-position: 0px 0px;
-
background-position: 126px 84px;
-
@keyframes app-grid-move-second-layer {
-
background-position: 96px 120px;
-
background-position: 0px 0px;
-
@media (prefers-reduced-motion: no-preference) {
-
@keyframes bounce-reverse {
-
animation-timing-function: cubic-bezier(0,0,0.2,1);
-
transform: translateY(-25%);
-
animation-timing-function: cubic-bezier(0.8,0,1,1);
-
@media (prefers-reduced-motion: no-preference) {
-
.animate-bounce-reverse:hover {
-
animation: bounce-reverse 1s infinite;
-
text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.pink.regular);
-
linear-gradient(theme(colors.ralsei.green.light / 0.4), transparent 2px),
-
linear-gradient(to right, theme(colors.ralsei.green.light / 0.4), transparent 2px);
-
background-size: 100% 42px, 42px 100%;
.app-grid-background-second-layer {
-
linear-gradient(theme(colors.ralsei.pink.neon / 0.4), transparent 1px),
-
linear-gradient(to right, theme(colors.ralsei.pink.neon / 0.4), transparent 1px);
-
background-size: 100% 24px, 24px 100%;
@media (prefers-reduced-motion: no-preference) {
-
animation: 0.5s ease-out window-open-scale forwards;
-
.animate-window-open-vertical {
-
animation: 0.5s ease-out window-open-scale-vertical forwards;
-
transform-origin: bottom;
-
.animate-window-open-horizontal {
-
animation: 0.5s ease-out window-open-scale-horizontal forwards;
-
transform-origin: left;
-
.animate-window-open-move-up {
-
animation: 0.5s ease-out window-open-move-up forwards;
-
.animate-window-open-move-down {
-
animation: 0.5s ease-out window-open-move-down forwards;
-
.animate-window-open-move-left {
-
animation: 0.5s ease-out window-open-move-left forwards;
-
.animate-window-open-move-right {
-
animation: 0.5s ease-out window-open-move-right forwards;
-
.animate-overflow-keep-hidden {
-
animation: 0.6s linear overflow-keep-hidden forwards;
-
@keyframes window-open-scale {
-
@keyframes window-open-scale-vertical {
-
@keyframes window-open-scale-horizontal {
-
@keyframes window-open-move-down {
-
@keyframes window-open-move-up {
-
@keyframes window-open-move-left {
-
@keyframes window-open-move-right {
-
@keyframes overflow-keep-hidden {