CoolFace
Apppublic

Decay00/mindforge-ai-modular-brain-studio

sourceHugging Faceupdated 11mo agoView on Hugging Face
0likes
style.css77 linesDownload Raw Back to root
1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;5    -webkit-font-smoothing: antialiased;6    -moz-osx-font-smoothing: grayscale;7}8 9/* Custom scrollbar */10::-webkit-scrollbar {11    width: 8px;12    height: 8px;13}14 15::-webkit-scrollbar-track {16    background: #f1f1f1;17    border-radius: 4px;18}19 20::-webkit-scrollbar-thumb {21    background: #c1c1c1;22    border-radius: 4px;23}24::-webkit-scrollbar-thumb:hover {25    background: #a1a1a1;26}27 28/* Brain map container styles */29#brainMapContainer {30    border: 1px solid #e5e7eb;31    border-radius: 0.5rem;32}33 34/* Transition effects */35.transition-colors {36    transition-property: background-color, border-color, color, fill, stroke;37    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);38    transition-duration: 200ms;39}40 41/* Legend styles */42.dashed {43    border-top: 1px dashed;44}45/* Animation for cards */46@keyframes fadeIn {47    from { opacity: 0; transform: translateY(10px); }48    to { opacity: 1; transform: translateY(0); }49}50 51.bg-white {52    animation: fadeIn 0.3s ease-out forwards;53}54 55/* Delay animations for grid items */56.bg-white:nth-child(1) { animation-delay: 0.1s; }57.bg-white:nth-child(2) { animation-delay: 0.2s; }58.bg-white:nth-child(3) { animation-delay: 0.3s; }59.bg-white:nth-child(4) { animation-delay: 0.4s; }60.bg-white:nth-child(5) { animation-delay: 0.5s; }61.bg-white:nth-child(6) { animation-delay: 0.6s; }62 63/* Custom shadow for neumorphic effect */64.neumorphic {65    box-shadow: 8px 8px 16px #d1d9e6, -8px -8px 16px #ffffff;66}67 68/* Transition for interactive elements */69button, a, [role="button"] {70    transition: all 0.2s ease;71}72 73/* Focus styles for accessibility */74:focus {75    outline: 2px solid #0ea5e9;76    outline-offset: 2px;77}