59 lines
1.0 KiB
CSS
59 lines
1.0 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
html {
|
|
@apply text-gray-900
|
|
}
|
|
|
|
@layer base {
|
|
|
|
h1 {
|
|
@apply text-4xl md:text-5xl xl:text-7xl font-bold
|
|
}
|
|
|
|
.heading-1 {
|
|
@apply text-4xl md:text-5xl xl:text-7xl font-bold
|
|
}
|
|
|
|
h2 {
|
|
@apply text-3xl xl:text-4xl font-bold
|
|
}
|
|
|
|
.heading-2 {
|
|
@apply text-3xl xl:text-4xl font-bold
|
|
}
|
|
|
|
h3 {
|
|
@apply text-2xl font-bold
|
|
}
|
|
|
|
.heading-3 {
|
|
@apply text-3xl xl:text-4xl font-bold
|
|
}
|
|
|
|
.link {
|
|
@apply underline underline-offset-2
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.circle-title {
|
|
@apply text-9xl font-bold
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply font-bold py-2 px-4 align-middle inline-block bg-blue-900 text-white border-2 border-blue-900 hover:bg-sky-500
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply font-bold py-2 px-4 align-middle inline-block bg-white text-blue-900 border-2 border-blue-900 hover:bg-sky-500
|
|
}
|
|
|
|
.btn-blue {
|
|
@apply font-bold py-2 px-4 align-middle inline-block bg-sky-500 text-blue-900 border-2 border-sky-500 hover:bg-blue-900 hover:text-white
|
|
}
|
|
|
|
}
|
|
|