codecraft-ai-wizard / style.css
hemoyt's picture
Below is a **clear, opinionated, and execution-ready blueprint** to build a **DeepSeek-style coding system powered by the xAI (Grok) API**, specialized for **frontend, backend, and full-stack project generation**.
a123caa verified
raw
history blame contribute delete
722 Bytes
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}
/* Animation for wizard hat */
.wizard-hat {
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}