<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fugaz+One&family=Open+Sans:wght@400;
500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="container">
<header>
<h1>Running Tracker</h1>
<div class="week">
<h2>Week of September 4th</h2>
<span class="total-wk">Total: 16 mi.</span>
</div>
</header>
<main>
<div class="day">
<h3>Mon</h3>
<span class="distance">3 miles</span>
</div>
<div class="day">
<h3>Tues</h3>
<span class="distance">4 miles</span>
</div>
<div class="day">
<h3>Wed</h3>
<span class="distance">3 miles</span>
</div>
<div class="day">
<h3>Thurs</h3>
<span class="distance">5 miles 🏅</span>
</div>
<div class="day">
<h3>Fri</h3>
<span class="distance">1 mile</span>
</div>
</main>
</div>
</body>
</html>
