File size: 1,403 Bytes
1652593 38324b4 1652593 38324b4 1652593 38324b4 1652593 38324b4 1652593 38324b4 1652593 38324b4 1652593 2917b05 | 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 | /*
Custom Styles to augment Tailwind CSS
Included in the single HTML file within the <style> tag,
but separated here for clarity as per request structure.
*/
:root {
--primary-color: #059669; /* Emerald 600 */
--secondary-color: #d97706; /* Amber 600 */
--bg-light: #f8fafc;
}
body {
background-color: var(--bg-light);
}
/* Smooth scroll behavior is handled by utility classes or html tag */
/* Custom Animation Classes */
.fade-in {
animation: fadeIn 0.5s ease-in-out forwards;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
/* Navigation Active State Underline */
.nav-link {
position: relative;
}
.nav-link::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: -4px;
left: 0;
background-color: var(--primary-color);
transition: width 0.3s;
}
.nav-link:hover::after,
.nav-link.active::after {
width: 100%;
}
/* Utility for shadow root link handling (if needed) */
a {
text-decoration: none;
}
/* Button reset for inline-flex buttons */
button.bg-transparent {
background: transparent;
border: none;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
cursor: pointer;
}
button.bg-transparent:hover {
text-decoration: none;
}
button.bg-transparent svg {
pointer-events: none;
}
|