Edit styling and fonts

src/routes/_layout.svelte

@@ -6,23 +6,17 @@
 
 <style>
   .app-content {
-		background: linear-gradient(176deg, rgb(31, 22, 94) 0%,rgb(67, 117, 236) 100%);
-    background-attachment: fixed;
-		color:#f2f0f0;
+		background: #f2f6f6;
   }
 
 	main {
 		position: relative;
-		max-width: 56em;
+		max-width: 700px;
 		padding: 2em;
 		margin: 0 auto;
 		box-sizing: border-box;
 	}
 
-  :global(::selection) {
-    background: #0dd0d0;
-  }
-
 </style>
 
 <div class="app-content">

src/routes/portfolio/index.svelte

@@ -23,6 +23,28 @@
     margin-top: -3em;
     visibility: hidden;
   }
+
+  section[id] {
+    margin-top: 2em;
+  }
+
+  h1 {
+    text-shadow: 2px 2px 1px #c8c4b7;
+  }
+
+  #personal-information :global(h3), #personal-information :global(h2) {
+    margin: 1em 0 0.5em;
+  }
+
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    margin: 1.5em 0;
+  }
 </style>
 
 <svelte:head>