86 lines
1.4 KiB
CSS
86 lines
1.4 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Nord theme custom styles */
|
|
:root {
|
|
--nord-bg: #2E3440;
|
|
--nord-bg-light: #3B4252;
|
|
--nord-bg-lighter: #434C5E;
|
|
--nord-text: #D8DEE9;
|
|
--nord-text-muted: rgba(216, 222, 233, 0.6);
|
|
--nord-accent: #88C0D0;
|
|
--nord-blue: #81A1C1;
|
|
--nord-dark-blue: #5E81AC;
|
|
}
|
|
|
|
/* Custom scrollbar for Nord theme */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--nord-bg);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--nord-bg-lighter);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--nord-dark-blue);
|
|
}
|
|
|
|
/* Smooth scrolling */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* Reset default styles */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--nord-bg);
|
|
color: var(--nord-text);
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Custom animations */
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(30px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.animate-fadeInUp {
|
|
animation: fadeInUp 0.6s ease-out;
|
|
}
|
|
|
|
/* Utility classes for Nord theme */
|
|
.nord-bg {
|
|
background-color: var(--nord-bg);
|
|
}
|
|
|
|
.nord-bg-light {
|
|
background-color: var(--nord-bg-light);
|
|
}
|
|
|
|
.nord-text {
|
|
color: var(--nord-text);
|
|
}
|
|
|
|
.nord-accent {
|
|
color: var(--nord-accent);
|
|
}
|