Font Update

index.html

@@ -9,6 +9,9 @@
     <script src="https://kit.fontawesome.com/e4c3899c65.js" crossorigin="anonymous"></script>
 
     <link rel="stylesheet" href="style.css">
+    <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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
 
     <title>Songer</title>
 </head>
@@ -32,7 +35,7 @@
             <button id="list"><i class="fa-solid fa-list"></i></button>
         </div>
         <audio src="" id="player" controls></audio>
-        <p>Stworzone przez <a href="https://smaga.me" style="color: white;">Krzysztof Smaga</a></p>
+        <h4 class="author">Stworzone przez <a href="https://www.smaga.me">Krzysztof Smaga</a><br><span style="font-size: 80%;"><a href="https://github.com/KrzysiekSiemv/musicplayer" target="_blank">Repozytorium</a></span></h4>
     </div>
     <div class="list" style="display: none;">
         <h3>Twoja lista odtwarzania</h3>

style.css

@@ -1,6 +1,6 @@
 * {
     box-sizing: border-box;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-family: "Open Sans", sans-serif;
 }
 
 body {
@@ -130,3 +130,20 @@ body {
 #player {
     display: none;
 }
+
+.author {
+    text-align: center;
+    font-weight: 300;
+    font-style: italic;
+}
+
+.author a {
+    font-weight: 500;
+    text-decoration: none;
+    color: white;
+    font-style: normal;
+}
+
+    .author a:hover {
+        text-decoration: underline;
+    }