From 7f4c886f0e30960977862470815a5499c6385ca5 Mon Sep 17 00:00:00 2001
From: Christopher <krzysiek-smaga@outlook.com>
Date: Sun, 25 Feb 2024 23:07:39 +0100
Subject: [PATCH] Font Update

---
 index.html |  5 ++++-
 style.css  | 21 +++++++++++++++++++--
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 4774489..22b72f6 100644
--- a/index.html
+++ b/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>
diff --git a/style.css b/style.css
index 86b8954..b00e597 100644
--- a/style.css
+++ b/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 {
@@ -129,4 +129,21 @@ body {
 
 #player {
     display: none;
-}
\ No newline at end of file
+}
+
+.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;
+    }
\ No newline at end of file