Tic Tac Toe with CSS and SVG by Jhey Tompkins

• Use Pug For Loops to Generate Form Markup
• Use Type Reset to Reset Form State
• Use Display Grid To Lay Out Elements
• Use Checkboxes to Optionally Display Elements
• Use Inline CSS Variables to Position Elements
• Use the Adjacent Sibling Combinator to Optionally Display Elements
• Use Selector Combinations to Optionally Display Elements
• Use SVG to Create Lines
• Use Chained CSS Transforms to Position Elements
• Use SVG to Create a Circle
• Use SVG to Create an Animatable Cross
• Use CSS Variable Scope to Color SVG Elements
• Use CSS Animation to Draw SVG
• Use Scoped CSS Variables to Stagger CSS Animations
• Use a Backdrop Filter to Shift Focus to the Foreground
• Use Animation Fill Mode to Retain Keyframe Styling
• Use Pug Mixins for Reusable Blocks of Markup
• Use Chained CSS Filter to Apply Visual Effects
• Use the Hover Pseudo Selector to Style Child Elements
• Use Media Queries to Detect a User Preference for Motion
• Use the Combination of Scoped CSS Variables and Pug to Generate Random CSS Animations