styling stuff

src/components/SpacedLetters.svelte

@@ -24,7 +24,8 @@
 
   div.readable {
     letter-spacing: initial;
-    font-size: 4rem;
+    text-transform: initial;
+    font-size: 2.25rem;
   }
 </style>
 

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">

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%;