Dhanesh1/codegenius-your-ai-code-wizard

1/* Custom scrollbar */2::-webkit-scrollbar {3    width: 8px;4}5 6::-webkit-scrollbar-track {7    background: #f1f1f1;8    border-radius: 10px;9}10 11::-webkit-scrollbar-thumb {12    background: #888;13    border-radius: 10px;14}15 16::-webkit-scrollbar-thumb:hover {17    background: #555;18}19 20/* Animation for chat bubbles */21@keyframes fadeIn {22    from {23        opacity: 0;24        transform: translateY(10px);25    }26    to {27        opacity: 1;28        transform: translateY(0);29    }30}31 32.chat-bubble {33    animation: fadeIn 0.3s ease-out;34}35 36/* Code block styling */37pre {38    background-color: #2d2d2d;39    color: #f8f8f2;40    padding: 1rem;41    border-radius: 0.5rem;42    overflow-x: auto;43    font-family: 'Courier New', Courier, monospace;44    margin: 1rem 0;45    tab-size: 4;46}47 48code {49    font-family: 'Courier New', Courier, monospace;50}51 52/* Responsive adjustments */53@media (max-width: 640px) {54    #user-input {55        font-size: 0.9rem;56    }57    58    .flex {59        flex-direction: column;60    }61    62    #language-select, #user-input, #send-btn {63        width: 100%;64        border-radius: 0.375rem;65        margin-bottom: 0.5rem;66    }67    68    #send-btn {69        border-radius: 0.375rem;70    }71}