m0e.space/src/app.css

44 lines
841 B
CSS

@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@500&family=Martian+Mono:wght@500&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
/* html {
@apply h-full;
} */
body {
@apply bg-bg-900 flex items-center justify-center min-w-full min-h-screen bg-cover;
background-image: url('/bg.gif');
image-rendering: crisp-edges !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
backdrop-filter: brightness(50%);
}
* {
@apply text-text;
font-family: 'Martian Mono', monospace;
image-rendering: auto;
}
p {
@apply text-base;
}
a {
@apply text-accent;
}
.button {
box-shadow: 0px 0px 0px 1px rgba(var(--color-accent), 0.8);
}
.monospace {
@apply text-sm bg-stone-900 p-1 rounded-md;
}
ul {
@apply list-inside list-disc ml-3;
}