ADD: Contact page

Add contact page with socials

app/assets/css/contact.css

@@ -0,0 +1,19 @@
+.Contact {
+    & .social-media {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem 2rem;
+
+        & li a {
+            display: flex;
+            gap: .5rem;
+            align-items: center;
+            transition: var(--transition-time);
+            width: max-content;
+
+            &:hover {
+                color: var(--color-orange);
+            }
+        }
+    }
+}

app/assets/css/footer.css

@@ -1,6 +1,7 @@
 .Footer {
     align-items: center;
     padding: 1rem 15vw;
+    background: var(--color-black);
 
     & .notes {
         display: flex;

app/assets/css/global.css

@@ -201,6 +201,13 @@ span.chip {
     margin-top: auto;
 }
 
+.bg-radial {
+    background-image: radial-gradient(circle at 100vw 100vh, rgba(255,145,0,0.2) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
+    background-color: var(--color-orange-black);
+    background-repeat: no-repeat;
+
+}
+
 .flex-row {
     display: flex;
     flex-direction: row;

app/assets/css/services.css

@@ -1,11 +1,5 @@
 .Services {
-    background-image: radial-gradient(circle at 100vw 100vh, rgba(255,145,0,0.2) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
-    background-color: var(--color-orange-black);
-    background-repeat: no-repeat;
-
-
-
-    .network-list {
+    & .network-list {
         width: 100%;
         overflow-x: auto;
         padding-top: 4px;

app/assets/css/spoiler.css

@@ -8,6 +8,7 @@
     }
 
     & summary {
+        font-family: 'Roboto Condensed', sans-serif;
         font-size: 1.5rem;
         cursor: pointer;
         list-style: none;