60 lines
673 B
CSS
60 lines
673 B
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-primary: #b22222;
|
|
--color-darkgray: #2b292a;
|
|
--color-lightgray: #e3dfdf;
|
|
}
|
|
|
|
* {
|
|
font-family: "ConthraxSemiBold";
|
|
}
|
|
|
|
html,
|
|
body {
|
|
@apply bg-white text-black w-full min-h-screen;
|
|
}
|
|
|
|
[primary] {
|
|
@apply bg-primary text-white;
|
|
}
|
|
|
|
a {
|
|
@apply cursor-pointer;
|
|
}
|
|
|
|
a[primary-link] {
|
|
@apply text-xl;
|
|
}
|
|
|
|
a[primary-link].active {
|
|
@apply underline;
|
|
}
|
|
|
|
a[primary-sublink] {
|
|
@apply text-xl p-2;
|
|
}
|
|
|
|
a[primary-sublink].active {
|
|
@apply bg-white text-primary;
|
|
}
|
|
|
|
[lightgray] {
|
|
@apply bg-lightgray;
|
|
}
|
|
|
|
[darkgray] {
|
|
@apply bg-darkgray text-white;
|
|
}
|
|
|
|
h1 {
|
|
@apply text-2xl;
|
|
}
|
|
|
|
h2 {
|
|
@apply text-xl;
|
|
}
|
|
|
|
h3 {
|
|
@apply text-lg;
|
|
}
|