Main.css

Todo/src/Main/Main.css

@@ -28,9 +28,9 @@ body {
   width: 100%;
   background-color: #ffffff;
   font-weight: bold;
-  font-size: 13px;
+  font-size: 16px;
   box-shadow: 0 1px rgb(217, 217, 217);
-  color: #000;
+  color: rgba(20, 10, 0, 255);
   text-align: center;
   margin-bottom: 1rem;
   padding: 1rem;
@@ -53,7 +53,16 @@ input {
   font-size: 1rem;
   margin-bottom: 0.5rem;
 }
-
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1.4rem;
+}
+.merge button:hover {
+  background-color: #58d4fc;
+  color: #fff;
+}
 .button button {
   height: 1rem;
   width: 18.5rem;
@@ -102,6 +111,14 @@ ul {
   }
   .input {
     margin-left: 1.3rem;
+    padding: 1.8rem;
+    box-shadow: 1px 1px 1px rgb(159, 159, 159) inset;
+  }
+  .button {
+    padding: 1.8rem;
+    display: flex;
+    align-items: center;
+    box-shadow: 0.5px 0.5px 0.5px rgb(159, 159, 159);
   }
   button {
     height: 2.5rem;