Exercise: Still Life

1. Create a still life drawing of this image, using only HTML and CSS using this
   starter template. 
2. Rename your site: firstnameutkstilllife.glitch.com
3. Send your link to me via Teams
4. Include: one texture, drop shadow, or gradient.
   • Must be responsive.
   • Don’t position things in fixed values relative to your individual screen, do it by % or vh/vw. For example, if you have a centered item, it should always be centered no matter the screen width.
5. Bonus: include animation!

• Code demo 
• Tutorial
• W3 Schools
• Interactive demo
• The Simpsons in CSS
• A Single DIV

• CSS Gradient
• The Shapes of CSS
• Rotation
• CSS Color Picker
• Border-radius (rounding corners)
• CSS Pseudo-elements before/after
• Left, right, bottom, top 
• Box Model
• Margin 
• Padding
• Box-sizing 
• Z-index
• Opacity

• You will likely need to alter the z-index of elements if you want items to overlap.
• You can create round borders using border-radius, and control each corner’s radius individually with border-radius-top-left, border-radius-bottom-left, etc.
• You may need to rotate elements by using the transform property.
• Be liberal with simplifying objects and using a flat aesthetic. Don’t get hung up on details unless you have time!
• Consider using an interesting background color for your frame.
• Remember that all of your styles should be placed within the style.css file. Don’t use inline styles in your HTML.