From b1aee1997884e4bbd8d0667546ff96977550cb57 Mon Sep 17 00:00:00 2001
From: lucashemi <lucasxberger@gmail.com>
Date: Mon, 9 Jan 2023 00:15:01 -0300
Subject: first commit

---
 main.css | 75 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 main.css

(limited to 'main.css')

diff --git a/main.css b/main.css
new file mode 100644
index 0000000..8c67c4d
--- /dev/null
+++ b/main.css
@@ -0,0 +1,75 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
+body {
+    font-family: 'Roboto', sans-serif;
+    text-align: center;
+}
+
+h1 {
+    font-size: 2.5em;
+}
+
+.container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.list {
+    max-height: 60vh;
+    min-width: 15vw;
+    max-width: 30vw;
+    overflow: auto;
+    border: 5px solid black;
+    padding: 2rem 6rem;
+}
+
+.add {
+    font-size: 1.2em;
+    margin-bottom: 10px;
+}
+
+.item {
+    border: 3px solid black;
+    margin: 0.3rem;
+    padding: 0.4em 3em;
+    list-style-type: none;
+}
+
+.fa-square, .fa-square-check {
+    cursor: pointer;
+    margin: 0.2rem;
+    margin-left: 0.5rem;
+}
+
+.edit {
+    margin: 0.5rem;
+    cursor: pointer;
+}
+
+.delete {
+    margin: 0.1rem;
+    cursor: pointer;
+}
+
+@media only screen and (max-width: 1250px) {
+    .list {
+        padding: 1em 1em;
+        max-width: 80vw;
+        overflow: initial;
+        max-height: fit-content;
+    }
+
+    .add {
+        font-size: 1.2em;
+    }
+
+    .item {
+        padding: 1em 3em;
+    }
+
+    .fa-solid {
+        font-size: 1.1em;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3-18-g5258