Updated CSS

index.html

@@ -26,8 +26,6 @@ <h1>Enter a task and I'll keep it here for you!</h1>
             <p>Completed</p>
         </div>
         <div id="tasks-submitted"></div>
-
-        </div>
     </div>
     <script src="scripts/index.js"></script>
     <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>

styles/style.css

@@ -7,14 +7,14 @@
 html,body{
     height: 100%;
     width: 100%;
-    background-color: black;
+    background-color: rgb(5, 0, 34);
     font-size: 14px;
 }
 
 div#info{
     display: flex;
     justify-content: space-between;
-    height: 5%;
+    height: fit-content;
     color: white;
     text-transform: capitalize;
 }
@@ -31,12 +31,13 @@ div#info button{
     background-color: red;
     border-color: transparent;
     width: 10%;
-    height: 5%;
+    height: 5rem;
     font-weight: bold;
     position: fixed;
     right: 2rem;
     cursor: pointer;
     color: white;
+    margin-top: 5rem;
 }
 
 div.container{