Files
flotilla/src/app.css
T
2024-08-20 13:20:45 -07:00

98 lines
1.5 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
font-family: "Satoshis";
font-style: normal;
font-weight: 400;
src:
local(""),
url("/fonts/Satoshi Symbol.ttf") format("truetype");
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 400;
src:
local(""),
url("/fonts/Lato-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Lato";
font-style: bold;
font-weight: 600;
src:
local(""),
url("/fonts/Lato-Bold.ttf") format("truetype");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 400;
src:
local(""),
url("/fonts/Italic.ttf") format("truetype");
}
:root {
font-family: Lato;
}
.card2 {
padding: 1rem;
background-color: oklch(var(--b2) / 1);
border-radius: var(--rounded-box, 1rem);
}
.column {
@apply flex flex-col;
}
.center {
@apply flex items-center justify-center;
}
.content {
@apply m-auto w-full max-w-3xl p-12;
}
.heading {
@apply text-center text-2xl;
}
.subheading {
@apply text-center text-xl;
}
.superheading {
@apply text-center text-4xl;
}
.link {
@apply cursor-pointer text-primary underline;
}
.input input::placeholder {
opacity: 0.5;
}
.shadow-top-xl {
@apply shadow-[0_20px_25px_-5px_rgb(0,0,0,0.1)_0_8px_10px_-6px_rgb(0,0,0,0.1)];
}
.tiptap {
@apply rounded-box bg-base-100 px-4 p-2;
}
.link-content {
@apply text-sm rounded px-1 bg-neutral text-neutral-content no-underline;
}
.link-content.link-content-selected {
@apply bg-primary text-primary-content;
}