To-Do List custom colors

<div style="background-attachment: fixed; background-image:url(https://cdn.discordapp.com/attachments/705244109874659370/818984674953003008/bg.png);height:100px;"></div>
<a>&nbsp; &nbsp;</a>

</h1><p class="text-center mb-0" >
<div class="card rounded p-2" style="background-color:#5a40dc;">
<div class="card rounded p-2" style="background-color:#1a103b;">
<div class="row">
<div class="col">
<p style="text-align: center;"><span style="font-size: 30px;"><strong>To-Do List</strong></span></p>

<div class="card p-2" style="background-color:#4c3b8f;"> <h2 style="font-size: 18px;">Task 1</span></i>
<div h2 style="font-size: 13px;">Description of it, or the name idk</span></i>
<div class="progress"><div class="progress-bar" style="width:50%;background-color:#ff06fb;"><br></div></div></div></div>
<a>&nbsp; &nbsp;</a>
<div class="card p-2" style="background-color:#4c3b8f;"> <h2 style="font-size: 18px;">Task 2</span></i>
<div h2 style="font-size: 13px;">Another description/name</span></i>
<div class="progress"><div class="progress-bar" style="width:50%;background-color:#ff06fb;"><br></div></div></div></div>
<p>&nbsp; &nbsp;</p>
<div class="card p-2" style="background-color:#4c3b8f;"> <h2 style="font-size: 18px;">Task 3</span></i>
<div h2 style="font-size: 13px;">Yeah you get the idea</span></i>
<div class="progress"><div class="progress-bar" style="width:50%;background-color:#ff06fb;"><br></div></div></div></div></div></div></div>

<a>&nbsp; &nbsp;</a>
<div class="progress"><div class="progress-bar progress-bar-striped progress-bar-striped " style="width:100%;background-color:#24298b;"><br></div></div>
<a>&nbsp; &nbsp;</a>
<div class="card rounded p-2" style="background-color:#0c071f;">
<div class="row">
<div class="col">
<p style="text-align: center;"><span style="font-size: 25px;"><strong>Smaller Tasks</strong></span></p>
<div class="card p-2" style="background-color:#301b54;"> <h2 style="font-size: 18px;">Task 4</span></i>
<div h2 style="font-size: 13px;">Wow there are a lot of these</span></i>
<div class="progress"><div class="progress-bar" style="width:50%;background-color:#a515de;"><br></div></div></div></div>
<a>&nbsp; &nbsp;</a>
<div class="card p-2" style="background-color:#301b54;"> <h2 style="font-size: 18px;">Task 5</span></i>
<div h2 style="font-size: 13px;">You must be one busy person</span></i>
<div class="progress"><div class="progress-bar" style="width:50%;background-color:#a515de;"><br></div></div></div></div>
<p>&nbsp; &nbsp;</p>
<div class="card p-2" style="background-color:#301b54;"> <h2 style="font-size: 18px;">Task 6</span></i>
<div h2 style="font-size: 13px;">Ay, I don't blame ya</span></i>
<div class="progress"><div class="progress-bar" style="width:50%;background-color:#a515de;"><br></div></div></div></div></div></div></div></div>

<p>&nbsp; &nbsp;</p>
<div style="background-attachment: fixed; background-image:url(https://cdn.discordapp.com/attachments/705244109874659370/818984674953003008/bg.png);height:100px;"></div>
<p style="text-align: right;"><a href="https://toyhou.se/MCDogWarrior" id=""><span style="font-size: 9px;">Code by MCDogWarrior</span></a></p>