From 940255a23c229e8fcc8d12dbb9af1cc2f2632eff Mon Sep 17 00:00:00 2001
From: Maryna <m51571750@gmail.com>
Date: Sat, 21 Oct 2023 17:12:06 +0300
Subject: [PATCH] add some css

---
 css/global.css         | 10 +++++++++-
 css/index.about-me.css |  9 ++-------
 css/index.cases.css    |  3 +++
 css/index.contacts.css | 18 +++++++++++++-----
 css/index.css          |  3 ++-
 5 files changed, 29 insertions(+), 14 deletions(-)
 create mode 100644 css/index.cases.css

diff --git a/css/global.css b/css/global.css
index ec8e6e2..294f636 100644
--- a/css/global.css
+++ b/css/global.css
@@ -48,4 +48,12 @@ a,
 button {
     font-family: var(--font-sofia);
     text-align: center;
-}
\ No newline at end of file
+}
+
+#about-me,
+#contacts,
+#cases {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
diff --git a/css/index.about-me.css b/css/index.about-me.css
index 6ca7be9..830f4cc 100644
--- a/css/index.about-me.css
+++ b/css/index.about-me.css
@@ -1,9 +1,3 @@
-#about-me {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-}
-
 #about-me h2{
     margin: 20px auto;
 }
@@ -25,12 +19,13 @@
 }
 
 @media (min-width: 774px) {
-
+    
     .about-me-content {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
     }
+
     .about-me-photo{
         flex: 1;
     }
diff --git a/css/index.cases.css b/css/index.cases.css
new file mode 100644
index 0000000..0f2ee06
--- /dev/null
+++ b/css/index.cases.css
@@ -0,0 +1,3 @@
+#cases {
+    padding: 18px;
+}
\ No newline at end of file
diff --git a/css/index.contacts.css b/css/index.contacts.css
index 96afd50..d6a42e8 100644
--- a/css/index.contacts.css
+++ b/css/index.contacts.css
@@ -1,8 +1,4 @@
-#contacts {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-}
+
 .contacts-form,
 .contacts-text {
     margin: 24px;
@@ -28,6 +24,16 @@
     background-color: inherit;
 }
 
+.contacts-form input[type=text]:focus, 
+.contacts-form input[type=tel]:focus,
+.contacts-form input[type=email]:focus,
+.contacts-form textarea::after {
+    border: none;
+    border-bottom: 2px solid var(--color-warm);
+    background-color: inherit;
+    color: var(--text-color);
+}
+
 .contacts-form input[type=submit] {
     background-color: inherit;
     font-family: var(--font-sofia);
@@ -37,6 +43,7 @@
     padding: 0.75rem;
 }
 
+
 @media (min-width: 774px) {
 
     #contacts {
@@ -44,6 +51,7 @@
         flex-direction: row;
         justify-content: space-between;
     }
+
     .contacts-form{
         flex: 1;
     }
diff --git a/css/index.css b/css/index.css
index b3feb85..7a0bbf1 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2,4 +2,5 @@
 @import url(index.header.css);
 @import url(index.nav.css);
 @import url(index.about-me.css);
-@import url(index.contacts.css);
\ No newline at end of file
+@import url(index.contacts.css);
+@import url(index.cases.css);
\ No newline at end of file