This time around, we're all about style. Check out the requirements below and alter the index.html content and the style.css content to achieve each of these requirements.
Don't forget to look back at the curriculum and Mozilla Developer Network if you need a refresher on anything.
Challenge:
-
Create a form with a button element in HTML.
-
Change the background color of the form's
bodyelement to "RGB(233, 233, 233)". -
Increase the font size of the form's
h1element to 40 pixels. -
Add a 2-pixel solid border to the form's
containerclass with the color "RGB(204, 204, 204)". -
Change the text color of the form's
buttonelement to "RGB(255, 255, 255)". -
Add a 4-pixel border radius to the form's
buttonelement. -
Use the :active pseudo-class to change the background color of the button to "RGB(0, 86, 179)" when active/clicked.
Your task is to apply these changes to the provided HTML and CSS files to style the form and button you create.