diff --git a/index.html b/index.html
index bae325e..da859b7 100644
--- a/index.html
+++ b/index.html
@@ -48,35 +48,35 @@ <h2>Websites</h2>
                 <h3 class="project-name">Motivesoft Github Pages</h3>
                 <p class="project-desc">This is the project for the Motivesoft Github Pages site, which includes <i>this</i> page.</p>
                 <div class="project-links">
-                    <p>Visit: <a href="https://github.com/Motivesoft/motivesoft.github.io">project page</a>, <a href="https://motivesoft.github.io">website</a></p>
+                    <p><a href="https://github.com/Motivesoft/motivesoft.github.io">project page</a> <a href="https://motivesoft.github.io">website</a></p>
                 </div>
             </div>
             <div class="project">
                 <h3 class="project-name">Motivesoft.co.uk home page</h3>
                 <p class="project-desc">This project holds the public Motivesoft website code and contained projects. The site also contains some projects requiring backend web services, which this Github site page doesn't offer.</p>
                 <div class="project-links">
-                    <p>Visit: <a href="https://github.com/Motivesoft/motivesoft.co.uk">project site</a>, <a href="https://motivesoft.co.uk">website</a></p>
+                    <p><a href="https://github.com/Motivesoft/motivesoft.co.uk">project site</a> <a href="https://motivesoft.co.uk">website</a></p>
                 </div>
             </div>
             <div class="project">
                 <h3 class="project-name">Zen Doodles By Catherine</h3>
                 <p class="project-desc">The zen doodles website offers free downloads of zen doodle, mandala and other designs as PDF and PNG. Print or save the images and colour them in.</p>
                 <div class="project-links">
-                    <p>Visit: <a href="https://github.com/Motivesoft/zendoodlesbycatherine">project site</a>, <a href="https://zendoodlesbycatherine.com">website</a></p>
+                    <p><a href="https://github.com/Motivesoft/zendoodlesbycatherine">project site</a> <a href="https://zendoodlesbycatherine.com">website</a></p>
                 </div>
             </div>
             <div class="project">
                 <h3 class="project-name">Condaluna</h3>
                 <p class="project-desc">The @condaluna website offers free collection of stickers, GIF, wallpapers and fonts to download or use in Instagram, Facebook, Twitter stories.</p>
                 <div class="project-links">
-                    <p>Visit: <a href="https://github.com/Motivesoft/condaluna">project site</a>, <a href="https://condaluna.com">website</a></p>
+                    <p><a href="https://github.com/Motivesoft/condaluna">project site</a> <a href="https://condaluna.com">website</a></p>
                 </div>
             </div>
             <div class="project">
                 <h3 class="project-name">Cyberzoo</h3>
                 <p class="project-desc">This website is a tribute for virtual pets containing lots of information about Tamagotchis, Nano Babies etc. original created in the late 90s.</p>
                 <div class="project-links">
-                    <p>Visit: <a href="https://github.com/Motivesoft/cyberzoo">project page</a>, <a href="https://motivesoft.github.io/cyberzoo">website</a></p>
+                    <p><a href="https://github.com/Motivesoft/cyberzoo">project page</a> <a href="https://motivesoft.github.io/cyberzoo">website</a></p>
                 </div>
             </div>
         </div>
@@ -86,7 +86,7 @@ <h2>Utilities</h2>
                 <h3 class="project-name">paste</h3>
                 <p class="project-desc">A partner utility for the Windows 'clip' command. Writes the current clipboard contents to the output stream or console.</p>
                 <div class="project-links">
-                    <p>Visit: <a href="https://github.com/Motivesoft/paste">project page</a></p>
+                    <p><a href="https://github.com/Motivesoft/paste">project page</a></p>
                 </div>
             </div>
         </div>
diff --git a/style.css b/style.css
index 42ccfe2..968018a 100644
--- a/style.css
+++ b/style.css
@@ -54,7 +54,8 @@ main {
 .project:hover,
 .project:focus  {
   box-shadow: 10px 10px 30px #888888;
-  background-color: #dddddd;
+  background-color: #eeeeee;
+  transform: scaleX(1.01) scaleY(1.01);
 }
 
 .project-name {
@@ -67,11 +68,25 @@ main {
 
 .project-links p {
   padding-top: 0px;
-  padding-bottom: 5px;
+  padding-bottom: 15px;
   padding-left: 10px;
   padding-right: 10px;
 }
 
+.project-links a {
+  padding: 5px 10px;
+  margin: 5px 10px;
+  text-decoration: none;
+  background-color: black;
+  color: white;
+  border-radius: 5px;
+}
+
+.project-links a:hover,
+.project-links a:focus {
+  background-color: #666666;
+}
+
 #suggestions {
   margin-top: 5px;
   color: #ccc;