Integrate inputs better in the pagemain

1 files changed, 6 insertions, 8 deletions

diff --git a/public/main.css b/public/main.css
index a0f498e..7583bc0 100644
--- a/public/main.css
+++ b/public/main.css
@@ -3,6 +3,7 @@
   --color-blue: #0D0D51;
   --color-gray: #AAAAAA;
   --color-green: #58B058;
+  --color-red: #FF0B0B;
 
   --size-bee: 0.2rem;
   --size-mouse: 0.5rem;
@@ -33,6 +34,7 @@ body {
   max-width: 800px;
   margin: 0 auto;
   padding: var(--size-dog);
+  font-family: sans-serif;
 }
 
 header {
@@ -88,8 +90,6 @@ ol > li::before {
 }
 
 ul > li {
-  display: flex;
-  align-items: center;
   padding-left: var(--size-dog);
 }
 
@@ -129,10 +129,8 @@ ol > li.completed::before {
 input {
   background-color: transparent;
   font-size: inherit;
-  border: 1px solid var(--color-gray);
-  border-radius: var(--size-bee);
-  padding: var(--size-bee);
-  text-align: center;
-  width: var(--size-rhino);
-  margin-right: var(--size-mouse);
+  border: none;
+  padding: 0;
+  color: var(--color-red);
+  font-family: monospace;
 }