Added new font 'Inter' and some changes on <ul>

src/app.css

@@ -1,7 +1,7 @@
 body {
     background-color: #0a0d0f; 
     color: #e5e4ea;    
-    font-family: sans-serif;
+    font-family: "Inter", sans-serif;
     margin: 0;
     padding: 0;
     display: flex;

src/app.html

@@ -3,6 +3,9 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

src/lib/Main.svelte

@@ -11,6 +11,10 @@ import Service from '$lib/Service.svelte';
     align-items: center;
     gap: 2em;
 }
+
+li{
+    margin-bottom: 1em;
+}
 </style>
 
 <div class="main">