Improve project page

1 files changed, 26 insertions, 14 deletions

diff --git a/style.css b/style.css
index 5223923..70e92e2 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap");
+@import "https://www.nerdfonts.com/assets/css/webfont.css";
 
 @media (prefers-color-scheme: light) {
     :root {
@@ -65,23 +66,28 @@ nav > * {
 }
 
 nav > .current {
-    background-color: var(--color-primary);
-    color: var(--color-on-primary);
+    outline: 0.1rem solid var(--color-primary);
 }
 
-main {
+main,
+section,
+footer {
     background-color: var(--color-surface-container);
     border-radius: 2rem;
 
-    margin: 1rem 0 5rem 0;
+    margin: 1rem 0;
     padding: 1.5rem;
 }
 
-main > *:first-child {
+main > :first-child,
+section > :first-child,
+footer > :first-child {
     margin-top: 0;
 }
 
-main > *:last-child {
+main > :last-child,
+section > :last-child,
+footer > :last-child {
     margin-bottom: 0;
 }
 
@@ -96,16 +102,22 @@ a,
 }
 
 ul {
-    padding-left: 1.5rem;
+    list-style: none;
+    padding-left: 0;
 }
 
-input {
-    background: none;
-    color: var(--color-primary);
-    border: none;
+.links {
+    display: flex;
+    gap: 1rem;
+}
 
-    width: 10rem;
+.links > a {
+    flex: 1;
+
+    text-align: center;
+    margin-top: 1rem;
+    padding: 0.25rem;
 
-    border-bottom: 0.01rem solid var(--color-primary);
-    font-size: 1rem;
+    border: 0.1rem solid var(--color-primary);
+    border-radius: 1rem;
 }