diff --git a/public/index.html b/public/index.html
index 1c5439aca2dd2d7cef2691d557f25fe3844e6a40..78e6aad68f86eebb547f53ed999e01479cbc5030 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,9 +11,13 @@
         <ul>
             <li><a href="phaser-harkat/phaser-tutoriaali/index.html">Phaser-tutoriaali</a></li>
             <li><a href="phaser-harkat/phaser-udemy/index.html">Udemyn kurssin demot</a></li>
+        </ul>
+        <ul>
             <li><a href="Roll-a-ball/index.html">Palleron pyörityspeli</a></li>
             <li><a href="https://student.labranet.jamk.fi/~K8573/Survival-shooter/Builds/">Selviytymisammunta</a></li>
-            <li></li>
+            <li><a href="https://student.labranet.jamk.fi/~K8573/peliohjelmointi/Lightmap%20baking/">Lightmap baking</a></li>
+            <li><a href="https://student.labranet.jamk.fi/~K8573/peliohjelmointi/Particle-effect/Build/">Particle effect</a></li>
+            <li><a href="https://student.labranet.jamk.fi/~K8573/peliohjelmointi/Angry-Bird/">Angrybird-kopio</a></li>
         </ul>
     </body>
 </html>
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index 78543388ab3ca918ae3068544d1da5b462c2eaff..33f0da3d6fc1a69f1f29feda2a6cc65f7792c3e9 100644
--- a/public/style.css
+++ b/public/style.css
@@ -22,10 +22,11 @@ ul {
     padding: 1vh;
     margin: auto;
     width: 50%;
+    
 }
 
 body {
-    background-color: black;
+    background-image: linear-gradient(to right, rgba(10,150,200,1), rgba(255,255,255,0.9));
 }
 
 a {
@@ -34,10 +35,12 @@ a {
 }
 
 a:hover {
-    color: skyblue;
+    color: orange;
 }
 
 li {
     background-color: dimgray;
     margin: 1vh;
+    box-shadow: 1px 1px 5px 1px black;
+    font-size: 150%;
 }
\ No newline at end of file