Project 8: Contact Us Form
CSS Stylist
Step 1 of 4
Project
Welcome to Contact Us Form CSS
In this project, we'll style the Contact Us Form from scratch. Let's start with CSS Reset and CSS Variables.
🎯 Your Task
Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!
/* Base Styles for Contact Us Form */
:root {
--brand-primary: #2563eb;
--brand-secondary: #7c3aed;
--surface-100: #ffffff;
--surface-200: #f8fafc;
--surface-300: #e2e8f0;
--text-900: #0f172a;
--text-600: #475569;
}
body {
margin: 0;
font-family: system-ui, -apple-system, sans-serif;
color: var(--text-900);
background-color: var(--surface-200);
}