Voorbereiding

Stap1

1. Maak een nieuw project.
   Zorg voor een index.html en een syles.css
2. Schrijf alle HTML, vergeet lang en title niet

Stap 2

1. Voeg normalize.css toe via een link-tag in de head
   rel="stylesheet",href="https://unpkg.com/@csstools/normalize.css"
2. Voeg een google font toe in de head(Fredoka)
3. Koppel je eigen styles.css aan je HTML

Stap 3: css

1. 'corrigeer' de box-sizing property van alle elementen en van alle ::before en ::after pseudo-elementen.
2. Maak een :root selector
   
   • Pas de font-family aan naar Montserrat en vergeet je fallback font niet!
   • Pas de line-height aan naar 1.6
   • Pas het scroll behaior aan naar 'smooth'
   • Maak variablene --bg: oklch(0.99 0.003 325) en --primary: oklch(0.25 0.01 325)
   • Gebruik die variablene voor de ahtegrondkler en de tekstkleur
3. Maak een body selector, zet de margin op 0
4. Maak een .container
   
   • max-width: 80rem
   • linker en rechte margin is auto, gebruik logical properties en valeus
   • linke en rechter padding is 1rem, gebruik logical properties en values