diff --git a/www/favicon.ico b/www/favicon.ico
new file mode 100644
index 0000000..f9589d0
Binary files /dev/null and b/www/favicon.ico differ
diff --git a/www/index.html b/www/index.html
index 574aa99..2b9b2d0 100644
--- a/www/index.html
+++ b/www/index.html
@@ -4,7 +4,8 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>CWS</title>
+    <title>cws</title>
+    <link rel="icon" href="/favicon.ico" />
     <link rel="stylesheet" href="style.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -12,10 +13,20 @@
 </head>
 
 <body>
-    <div>
-        <h1>Hello from <span class="highlight">CWS</span>!</h1>
-        <p>Open an image <a href="/cws.jpg" target="_blank">here</a>.</p>
-    </div>
+    <main>
+        <h1>Hello from <span class="highlight">cws</span>!</h1>
+        <p>
+            Open an image
+            <a href="/cws.jpg" target="_blank" rel="noopener noreferrer">here</a>.
+        </p>
+    </main>
+
+    <footer class="icon-credit">
+        <a target="_blank" href="https://icons8.com/icon/38796/linux">Linux</a>
+        icon by
+        <a target="_blank" href="https://icons8.com">Icons8</a>
+    </footer>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/www/style.css b/www/style.css
index ea8d8e3..42571f2 100644
--- a/www/style.css
+++ b/www/style.css
@@ -2,11 +2,29 @@ body {
     margin: 0;
     height: 100vh;
     font-family: "Montserrat", sans-serif;
-    background: linear-gradient(135deg, #ff6a6a, #ff9472);
+    background: linear-gradient(135deg, #3a8ddb, #6dd5fa);
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
+    animation: fadeIn 1s ease-out;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+main {
+    text-align: center;
+    padding: 1rem;
 }
 
 h1 {
@@ -16,7 +34,7 @@ h1 {
 }
 
 .highlight {
-    color: #ffe678;
+    color: #d1b3ff;
 }
 
 p {
@@ -36,14 +54,32 @@ a:hover {
     color: #ffe678;
 }
 
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-        transform: translateY(10px);
+.icon-credit {
+    position: absolute;
+    bottom: 10px;
+    width: 100%;
+    text-align: center;
+    font-size: 0.8rem;
+    color: #cccccc;
+}
+
+.icon-credit a {
+    color: #cccccc;
+    text-decoration: none;
+    transition: color 0.3s;
+}
+
+.icon-credit a:hover {
+    color: #ffffff;
+}
+
+/* Mobile tweaks */
+@media (max-width: 480px) {
+    h1 {
+        font-size: 2.2rem;
     }
 
-    to {
-        opacity: 1;
-        transform: translateY(0);
+    p {
+        font-size: 1rem;
     }
 }
\ No newline at end of file
