1<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
2<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css'>
3
4<ul>
5  <li style="--clr:#2483ff;">
6    <a href="#">
7      <i class="fa-solid fa-house"></i>
8      <span>Home</span>
9    </a>
10  </li>
11
12  <li style="--clr:#fff200;">
13    <a href="#">
14      <i class="fa-solid fa-user"></i>
15      <span>Profile</span>
16    </a>
17  </li>
18
19  <li style="--clr:#ff253f;">
20    <a href="#">
21      <i class="fa-solid fa-heart"></i>
22      <span>Likes</span>
23    </a>
24  </li>
25
26  <li style="--clr:#25d366;">
27    <a href="#">
28      <i class="fa-solid fa-gear"></i>
29      <span>Settings</span>
30    </a>
31  </li>
32
33  <li style="--clr:#f32ec8;">
34    <a href="#">
35      <i class="fa-solid fa-magnifying-glass"></i>
36      <span>Search</span>
37    </a>
38  </li>
39
40</ul>