File size: 1,488 Bytes
14efcd0 9864618 14efcd0 9864618 14efcd0 9864618 14efcd0 9864618 14efcd0 9864618 14efcd0 9864618 14efcd0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 |
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--navy-900: #0a0e1a;
--navy-800: #121828;
--navy-700: #1a2238;
--gold-500: #c9a44c;
--gold-600: #b38f3e;
--ivory-100: #f9f6ef;
--charcoal-900: #1c1c1c;
--platinum-400: #b6b6b6;
--emerald-900: #1a5442;
}
body {
font-family: 'Montserrat', sans-serif;
background-color: var(--navy-900);
color: var(--ivory-100);
}
.font-serif {
font-family: 'Playfair Display', serif;
}
.bg-navy-900 {
background-color: var(--navy-900);
}
.bg-navy-800 {
background-color: var(--navy-800);
}
.bg-navy-700 {
background-color: var(--navy-700);
}
.text-gold-500 {
color: var(--gold-500);
}
.bg-gold-500 {
background-color: var(--gold-500);
}
.bg-gold-600 {
background-color: var(--gold-600);
}
.text-ivory-100 {
color: var(--ivory-100);
}
.text-platinum-400 {
color: var(--platinum-400);
}
.border-gold-500 {
border-color: var(--gold-500);
}
.deco-divider {
position: relative;
padding-bottom: 2rem;
}
.deco-divider::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 2px;
background: linear-gradient(to right, transparent, var(--gold-500), transparent);
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in {
animation: fadeIn 1s ease-out forwards;
} |