82 lines
1.8 KiB
CSS
82 lines
1.8 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
|
|
|
|
:root {
|
|
font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
code, pre, .font-mono {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
}
|
|
|
|
/* Custom modern scrollbars */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: rgba(15, 23, 42, 0.6);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba(71, 85, 105, 0.6);
|
|
border-radius: 4px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(100, 116, 139, 0.9);
|
|
}
|
|
|
|
/* Glassmorphism cards */
|
|
.glass-panel {
|
|
background: rgba(15, 23, 42, 0.75);
|
|
backdrop-filter: blur(12px);
|
|
-webkit-backdrop-filter: blur(12px);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
.glass-panel-hover:hover {
|
|
border-color: rgba(99, 102, 241, 0.35);
|
|
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4), 0 0 15px -3px rgba(99, 102, 241, 0.15);
|
|
}
|
|
|
|
/* Glowing pulses */
|
|
.pulse-emerald {
|
|
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
|
|
animation: pulse-green 2s infinite;
|
|
}
|
|
|
|
@keyframes pulse-green {
|
|
0% {
|
|
transform: scale(0.95);
|
|
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
|
|
}
|
|
70% {
|
|
transform: scale(1);
|
|
box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
|
|
}
|
|
100% {
|
|
transform: scale(0.95);
|
|
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
|
|
}
|
|
}
|
|
|
|
/* Terminal styling */
|
|
.terminal-window {
|
|
background: #090d16;
|
|
border: 1px solid #1e293b;
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 0.85rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.terminal-line {
|
|
word-break: break-all;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
/* Transition animations */
|
|
.fade-enter-active, .fade-leave-active {
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
.fade-enter-from, .fade-leave-to {
|
|
opacity: 0;
|
|
}
|