From 0306a0cbbff3654c619c665b6691a473054bf2f0 Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Fri, 25 Sep 2020 23:51:56 +0200
Subject: [PATCH] styling stuff

---
 src/components/SpacedLetters.svelte | 3 ++-
 src/components/Work.svelte          | 7 +++++++
 static/global.css                   | 8 ++++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/SpacedLetters.svelte b/src/components/SpacedLetters.svelte
index c2c2282..bea69cf 100644
--- a/src/components/SpacedLetters.svelte
+++ b/src/components/SpacedLetters.svelte
@@ -24,7 +24,8 @@
 
   div.readable {
     letter-spacing: initial;
-    font-size: 4rem;
+    text-transform: initial;
+    font-size: 2.25rem;
   }
 </style>
 
diff --git a/src/components/Work.svelte b/src/components/Work.svelte
index 019b330..b4f0e0d 100644
--- a/src/components/Work.svelte
+++ b/src/components/Work.svelte
@@ -27,6 +27,13 @@
   a {
     font-family: monospace;
   }
+
+  @media (max-width: 30em) {
+    .horizontal {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+  }
 </style>
 
 <a href={work.link} target="_blank" rel="noopener">
diff --git a/static/global.css b/static/global.css
index 6baa393..dd4138b 100644
--- a/static/global.css
+++ b/static/global.css
@@ -56,6 +56,14 @@ ion-icon {
   transform: translateY(0.2rem);
 }
 
+ul {
+  margin: 0;
+  padding: 0;
+  padding-left: 0px;
+  padding-left: 1em;
+  list-style: square;
+}
+
 .progress {
   box-sizing: border-box;
   width: 100%;