diff --git a/homepage/images/bnp.png b/homepage/images/bnp.png
new file mode 100644
index 0000000..cd67dce
Binary files /dev/null and b/homepage/images/bnp.png differ
diff --git a/homepage/style.css b/homepage/style.css
index 9e92938..3319185 100644
--- a/homepage/style.css
+++ b/homepage/style.css
@@ -143,10 +143,15 @@ button:hover {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 15px;
-  box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.10); !important;
+  box-shadow: 0px 0px 28px 1px rgba(0, 0, 0, 0.10); !important;
   border-radius: 4px;
 }
 
+.topimage {
+  width:175px;
+  display:initial !important;
+}
+
 .topnav form {
   margin: 0;
   padding: 0;
@@ -252,11 +257,14 @@ button:hover {
 .views .centered button {
   background-color: rgb(219, 255, 235);
   padding: 12px;
+  transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
 }
 
 .views .centered button:hover {
   background-color: rgb(159, 226, 155);
   color: black;
+  box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
 }
 
 .settings {
@@ -562,15 +570,31 @@ button.legacyview {
   font-size:small;
   background:#dbffeb;
   padding:5px;
-  
+  transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
 }
+button.legacyview:hover  { 
+  box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
+}
+
 button.loadmore {
   margin-top:10px;
   font-size:x-large;
   background:#dbffeb;
   padding:10px;
+  transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
   
 }
+button.loadmore:hover { 
+  box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
+}
+#searchterm {
+  transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+#searchterm:hover {
+  box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
+}
 
 tr {
   background-color:#9fe29b;
@@ -586,6 +610,11 @@ tr {
 .centered form#views button {
   box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.10);
   margin:2px;
+  transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
+}
+.centered form#views button:hover {
+  box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
 }
 input {
   box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.10);
@@ -610,7 +639,8 @@ dialog::backdrop {
   margin-bottom:3px;
 }
 .centered_image_container img.img1 {
-  box-shadow:0px 2px 3px 0px rgb(0 0 0 / 29%);
+  transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
   cursor:pointer;
   height:95%;
   position:absolute;
@@ -621,6 +651,7 @@ dialog::backdrop {
 }
 .centered_image_container img.img1:hover{
   opacity:0.8;
+  box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
 }
 .centered_image_container * {
   font-size:19px !important;