From 3e18114591e676d808510a5f1ee05afd67365991 Mon Sep 17 00:00:00 2001
From: lucashemi <lucasxberger@gmail.com>
Date: Thu, 26 Jan 2023 14:45:14 -0300
Subject: color vars

---
 main.css | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'main.css')

diff --git a/main.css b/main.css
index 83f6130..da7180a 100644
--- a/main.css
+++ b/main.css
@@ -1,8 +1,13 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 
+:root {
+    --white: #eee;
+    --black: #111;
+}
+
 body {
-    background-color: #eee;
-    color: #111;
+    background-color: var(--white);
+    color: var(--black);
     font-family: 'Roboto', sans-serif;
     text-align: center;
 }
@@ -23,13 +28,13 @@ h1 {
     min-width: 15vw;
     max-width: 30vw;
     overflow: auto;
-    border: 5px solid #111;
+    border: 5px solid var(--black);
     padding: 2rem 6rem;
 }
 
 input {
-    background-color: #eee;
-    color: #111;
+    background-color: var(--white);
+    color: var(--black);
 }
 
 .add {
@@ -38,7 +43,7 @@ input {
 }
 
 .item {
-    border: 3px solid #111;
+    border: 3px solid var(--black);
     margin: 0.3rem;
     padding: 0.4em 3em;
     list-style-type: none;
-- 
cgit v1.2.3-18-g5258