From 66462dffc3b939372a5ab354f192608b6b8614d6 Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Fri, 8 Jul 2022 23:14:11 -0700
Subject: [PATCH] Updated Contact Form

---
 css/contact.css  | 22 +++++++++++++---------
 css/licenses.css |  3 ++-
 index.html       |  4 +---
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/css/contact.css b/css/contact.css
index 6c68839..37a47b7 100644
--- a/css/contact.css
+++ b/css/contact.css
@@ -290,7 +290,7 @@ nav ul li {
   background: black;
   border-radius: 50%;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
-  margin: 10px 4px;
+  margin: 11px 4px;
   height: 10px;
   width: 10px;
   transform: scale(1);
@@ -350,6 +350,7 @@ nav ul li {
   display: flex;
   flex-flow: column nowrap;
   align-items: left;
+  margin-top: 10px;
 }
 
 #header-subtitle-date {
@@ -438,8 +439,8 @@ section {
 }
 
 .input-block {
-  background-color: rgba(255, 255, 255, 0.8);
-  border: solid 1px #003f88;
+  background-color: #202329;
+  /* border: solid 1px #644710; */
   border-radius: 10px;
   width: 100%;
   height: 60px;
@@ -449,8 +450,8 @@ section {
   transition: all 0.3s ease-out;
 }
 .input-block.focus {
-  background-color: rgb(243, 243, 243);
-  border: solid 1px #00236e;
+  background-color: #282c33;
+  transition: 0.5s;
 }
 .input-block.textarea {
   height: auto;
@@ -470,7 +471,7 @@ section {
   margin: 0;
   font-weight: 300;
   z-index: 1;
-  color: #333;
+  color: rgb(199, 199, 199);
   font-size: 18px;
   line-height: 10px;
 }
@@ -484,14 +485,17 @@ section {
   position: relative;
   z-index: 2;
   font-size: 18px;
-  color: #333;
+  color: #fff;
+}
+option {
+  background-color: #343942;
 }
 .input-block .form-control:focus label {
   top: 0;
 }
 .square-button {
-  background-color: rgba(155, 222, 243, 0.8);
-  color: #006dac;
+  background-color: #383e49;
+  color: #f3bc6a;
   font-size: 26px;
   text-transform: uppercase;
   font-weight: 700;
diff --git a/css/licenses.css b/css/licenses.css
index 1c1ab19..d526285 100644
--- a/css/licenses.css
+++ b/css/licenses.css
@@ -286,7 +286,7 @@ nav ul li {
   background: black;
   border-radius: 50%;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
-  margin: 10px 4px;
+  margin: 11px 4px;
   height: 10px;
   width: 10px;
   transform: scale(1);
@@ -346,6 +346,7 @@ nav ul li {
   display: flex;
   flex-flow: column nowrap;
   align-items: left;
+  margin-top: 10px;
 }
 
 #header-subtitle-date {
diff --git a/index.html b/index.html
index f345df2..0a2fff6 100644
--- a/index.html
+++ b/index.html
@@ -40,23 +40,21 @@
             color: #f2f1ef !important;
             font-family: "Glacial Indifference";
         }
+        
         /* width */
         ::-webkit-scrollbar {
             width: 15px;
         }
-
         /* Track */
         ::-webkit-scrollbar-track {
             box-shadow: inset 0 0 2px grey; 
             background-color: rgb(12, 14, 26);
         }
-        
         /* Handle */
         ::-webkit-scrollbar-thumb {
             background: rgb(38, 45, 75); 
             border-radius: 5px;
         }
-
         /* Handle on hover */
         ::-webkit-scrollbar-thumb:hover {
             background: rgb(31, 36, 61);