From 5c607d581dc171eb66bea333f04fa3d7dc4ca1f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?5gi=20=E2=98=91?= <5gi.exist@gmail.com>
Date: Wed, 20 Dec 2023 14:09:45 -0500
Subject: [PATCH] Changed font and added some centered elements. Fixed spacing
(padding and margin)
---
index.html | 16 +++++++++++-----
style.css | 20 +++++++++++++-------
2 files changed, 24 insertions(+), 12 deletions(-)
diff --git a/index.html b/index.html
index 5fd3f25..c3226ae 100644
--- a/index.html
+++ b/index.html
@@ -1,31 +1,37 @@
-
+
diff --git a/style.css b/style.css
index 1329f1b..6f384ad 100644
--- a/style.css
+++ b/style.css
@@ -17,19 +17,30 @@ body {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
width: fit-content; /* Adjust the width to fit the content */
+ text-align: center;
+}
+
+p {
+ padding: 0px;
+ margin: 0px 2px 0px 0px;
+ font-size: 14px;
+}
+* {
+ font-family: 'JetBrains Mono', serif;
}
label {
display: flex;
align-items: center; /* Align label text with checkbox */
- margin: 10px 0;
position: relative;
cursor: pointer;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 5px;
}
/* Adjust the spacing specifically for the first label */
label:first-child {
- margin-bottom: 20px; /* Increase spacing below the first label */
width: 80%;
}
@@ -39,11 +50,6 @@ input[type="text"] {
box-sizing: border-box; /* Include padding and border in the element's total width */
}
-/* Style for checkboxes */
-input[type="checkbox"] {
- margin-right: 10px; /* Space between checkbox and label text */
-}
-
/* Styling for links */
a {
color: blue;