Added "complete all" button

Added "complete all" button style and added padding below the tasks section

Author: salocor

styles.css

@@ -49,6 +49,7 @@ main {
     justify-content: space-between;
     width: 100%;
     margin: 25px 0px;
+    padding-bottom: 10px;
 }
 
 .tasks-wrapper {
@@ -142,6 +143,15 @@ input:checked + p {
     transition: transform 300ms;
 }
 
+.complete-all {
+    font-size: 12px;
+    padding: 10px 15px;
+    border-radius: 12px;
+    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);
+    left: 15px;
+    bottom: 15px;
+}
+
 .add-task textarea {
     border: none;
     outline: none;
@@ -177,4 +187,4 @@ li:hover .delete{
     pointer-events: all;
     opacity: 1;
     transform: translateX(0);
-}
+}