To-Do List bootstrap 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 bg-warning p-2">
<div class="card rounded bg-info p-2">
<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 bg-primary p-2"> <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 bg-secondary" style="width:50%;"><br></div></div></div></div>
<a>&nbsp; &nbsp;</a>
<div class="card bg-primary p-2"> <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 bg-secondary" style="width:50%;"><br></div></div></div></div>
<p>&nbsp; &nbsp;</p>
<div class="card bg-primary p-2"> <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 bg-secondary" style="width:50%;"><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 bg-success" style="width:100%;"><br></div></div>
<a>&nbsp; &nbsp;</a>
<div class="card rounded bg-danger p-2">
<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 bg-secondary p-2"> <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%;"><br></div></div></div></div>
<a>&nbsp; &nbsp;</a>
<div class="card bg-secondary p-2"> <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%;"><br></div></div></div></div>
<p>&nbsp; &nbsp;</p>
<div class="card bg-secondary p-2"> <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%;"><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>