Home redesign v2

1 files changed, 55 insertions, 12 deletions

diff --git a/assets/main.css b/assets/main.css
index 12e1ede..a89ea8e 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -77,10 +77,18 @@ body, html {
     border-color: #333;
 }
 
+#home-bar:hover {
+    border-color: #444;
+}
+
 #results-intro-bar-input:active, #results-intro-bar-input:focus {
     border-color: #444;
 }
 
+#home-bar:active, #home-bar:focus {
+    border-color: #555;
+}
+
 #intro-results-separator {
     margin-top: 43px;
 }
@@ -199,16 +207,14 @@ body, html {
     color: white;
 }
 
-.container-fluid {
+.container-fluid { /* Ah yes, here is the container for the gender fluid */
     width: 100%;
 }
 
 .container {
-    max-width: 100%;
-    position: absolute;
-    left: 40%;
-    top: 10%;
-    width: 20%;
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 .title.is-1 {
@@ -217,27 +223,64 @@ body, html {
 }
 
 .search-input {
+    border-radius: 5px;
+    border: 1px solid #333;
+    background: #111;
+    color: white;
+}
+
+.search-input {
+    outline: none;
     max-width: 100%;
     width: 88%;
     padding: 12px 20px;
     margin: 8px 0px;
     border-radius: 5px;
-    background-color: white;
-    background-image: url('search-v2.svg');
     background-position: 5px 5px;
     background-repeat: no-repeat;
     background-size: 8%;
-    padding-left: 40px;
 }
 
 div.searchbtn {
-    display: flex;
-    justify-content: space-around;
+    text-align: center;
 }
 
 div.searchbtn input {
     cursor: pointer;
     padding: 8px 15px;
     margin: 4px 2px;
-    font-size:14pt;
+    font-size: 14px;
 }
+
+#home-logo {
+    margin-bottom: 10px;
+    margin-top: 50px;
+}
+
+#home-logo img {
+    width: 128px;
+}
+
+.home-btn {
+    border: 1px solid #666;
+    border-radius: 5px;
+    background: linear-gradient(
+            180deg, rgba(53,53,53,1) 0%, rgba(37,37,37,1) 100%);
+    color: white;
+    margin-right: 10px !important;
+}
+
+.home-btn-last {
+    margin-left: 10px !important;
+    margin-right: 0 !important;
+}
+
+.home-btn:hover {
+    border-color: #656565;
+    background: #333333;
+}
+
+.home-btn:active {
+    border-color: #777;
+    background: #353535;
+}
\ No newline at end of file