colored pfps

3 files changed, 17 insertions, 7 deletions

diff --git a/public/css/header.css b/public/css/header.css
index 9811eb4..6a3ce6a 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -48,7 +48,7 @@
     border-bottom: 3px solid var(--logo);
 }
 
-#header .pfp, #header .pfp img {
+#header .pfp {
     position: absolute;
     right: 1em;
     top: .5em;
diff --git a/public/css/main.css b/public/css/main.css
index 8ce5254..5df2642 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -202,7 +202,7 @@ input:focus {
     all: unset;
     font-family: sfpro;
     background-color: var(--logo);
-    color: var(--text);
+    color: white;
     padding: 10px;
     margin: 20px;
     border-radius: 5px;
@@ -215,7 +215,7 @@ input:focus {
     all: unset;
     font-family: sfpro;
     background-color: var(--success);
-    color: var(--text);
+    color: white;
     padding: 10px;
     margin-left: 10px;
     margin-right: 10px;
@@ -305,6 +305,7 @@ footer {
     border-radius: 3em;
     background-color: var(--hover);
     flex-shrink: 0;
+    image-rendering: crisp-edges;
 }
 
 .nb {
@@ -357,9 +358,12 @@ form {
     }
     
     body select {
-        filter: invert(100%) !important;
-        background-color: var(--primary) I !important;
-        color: var(--primary) !important;
-        border: 1px solid var(--primary) !important;
+        background-color: var(--secondary) I !important;
+        color: var(--text) !important;
+        border: 1px solid var(--light) !important;
+    }
+
+    input:focus {
+        outline: none;
     }
 }
\ No newline at end of file
diff --git a/public/css/profile.css b/public/css/profile.css
index 3a16d56..fa3cd07 100644
--- a/public/css/profile.css
+++ b/public/css/profile.css
@@ -47,6 +47,12 @@ body {
     margin-right: 2em;
 }
 
+.face img {
+    height: 12em;
+    width: 12em;
+    border-radius: 7em;
+}
+
 .infodata {
     margin-top: 2em;
     display: flex;